easyui中 datagrid与pagination结合使用【记录】
- /**
- * Js名称:客源基本管理
- *
- */
- var setPageNumber = 1;
- var setPageSize = 10;
- var guestManageListData = {};
- //loader
- var guestManageArray=[];
- var guestManageLoader=function(param,success,error){
- if(!$.isEmptyObject(guestManageArray)){
- success(guestManageArray);
- return true;
- }
- $.ajax({
- url:"../channel/pglist",
- type:"post",
- dataType:"json",
- data:guestManageListData,
- success: function(data){
- if(data=="-3333" || data==""){
- success([]);
- return true;
- }
- guestManageArray=data;
- success(guestManageArray);
- }
- ,error:function(err){
- alert(err);
- }
- });
- };
- /*搜索*/
- function searchGuestManage(){
- var data = {};
- data.channelName = $('#ipt_guestName_guest_manage').textbox('getValue');
- data.usageState = 0;
- guestManageData = data;
- eapor.utils.defaultAjax('../channel/getChannelCount',data,gm_getPageCountCallback);
- }
- //新增
- function addGuestManage(){
- $('#addGuestManageDiv').append(
- '<div id="div" style="padding-top:20px;padding-left:50px;">'+
- '<div style="margin-bottom:8px">'+//<!-- 客源名称 -->
- '<input id="ipt_gm_channelName" style="width:240px;"'+
- 'label="<span style=\'color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\'>*</span>客源名称 :" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 房价方案-->
- '<input id="ipt_gm_rentplanId" style="width:240px;"'+
- 'label="<span style=\'color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\'>*</span>房价方案:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- *客源组 -->
- '<input id="ipt_gm_sourceGroupId" style="width:240px;"'+
- 'label="<span style=\'color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\'>*</span>客源组:" labelPosition="before" labelAlign="right" labelWidth="100" />'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 联系人 -->
- '<input id="ipt_gm_contact" style="width:240px;"'+
- 'label="<span style=\'color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\'>*</span>联系人:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 联系手机 -->
- '<input id="ipt_gm_mobile" style="width:240px;"'+
- 'label="<span style=\'color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\'>*</span>联系手机:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 邮箱 -->
- '<input id="ipt_gm_email" style="width:240px;"'+
- 'label="邮箱:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 开户行 -->
- '<input id="ipt_gm_bankName" style="width:240px;"'+
- 'label="开户行:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 账号 -->
- '<input id="ipt_gm_bankAccount" style="width:240px;"'+
- 'label="账号:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 地址 -->
- '<input id="ipt_gm_address" style="width:240px;"'+
- 'label="通讯地址:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 状态-->
- ' <input id="ipt_gm_usageState" style="width:240px;" '+
- 'label="状态:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 优先级-->
- '<input id="ipt_gm_sortCode" style="width:240px;"'+
- 'label="优先级:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '</div>'
- );
- $('#ipt_gm_channelName').textbox({
- required:true,
- missingMessage:'客源名称不能为空!',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gm_rentplanId').combobox({
- url:'../rentplan/pglist'
- ,queryParams:{limit:9999,offset:0,rentplanName:''}
- ,valueField: 'rentplanId',textField:'rentplanName'
- ,editable:false
- ,panelHeight: 'auto'
- ,panelMaxHeight:200,
- required:true,
- missingMessage:'房价方案不能为空!',
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gm_sourceGroupId').combobox({
- url:'../sourcegroup/pglist',
- queryParams:{limit:9999,offset:0,groupName:''},
- valueField:'sourceGroupId',textField:'sourceGroupName',
- editable:false,
- panelHeight: 'auto',
- panelMaxHeight:200,
- required:true,
- missingMessage:'客源组不能为空!',
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gm_contact').textbox({
- required:true,
- missingMessage:'联系人不能为空!',
- validType:"maxLength[32]",
- invalidMessage:'输入最大长度为32个字符',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gm_mobile').numberbox({
- required:true,
- missingMessage:'手机号码不能为空!',
- validType:'mobilephone',
- invalidMessage:'手机号码格式不正确,如:13700001234',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gm_email').textbox({
- validType:'email',
- invalidMessage:'邮箱格式输入不正确,如:123456@163.com',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gm_bankName').textbox({
- validType:'name',
- invalidMessage:'格式不正确,只能为中文或英文',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gm_bankAccount').textbox({
- validType:['number','length[5,30]'],
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gm_address').textbox({
- multiline:true,
- validType:"maxLength[64]",
- invalidMessage:'输入最大长度为64个字符',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gm_usageState').combobox({
- data:[{'id':1,'text':'使用','selected':true},{'id':2,'text':'冻结'}]
- ,valueField:'id'
- ,textField:'text'
- ,editable:false
- ,panelHeight:'auto'
- });
- $('#ipt_gm_sortCode').numberbox({});
- $('#ipt_gm_sortCode').numberbox('setValue',100);
- var addGuestManageDiv_dialog = $('#div').dialog({
- title: '新增客源',
- width: 400,
- height: 480,
- modal: true,
- onClose:function(){
- $(this).dialog('destroy');
- },
- buttons:[{
- text:'确定',
- handler:function(){
- if(!$('#ipt_gm_channelName').textbox('isValid')){
- $('#ipt_gm_channelName').textbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gm_rentplanId').combobox('isValid')){
- $('#ipt_gm_rentplanId').combobox('textbox').focus();
- return;
- }
- if(!$('#ipt_gm_sourceGroupId').combobox('isValid')){
- $('#ipt_gm_sourceGroupId').combobox('textbox').focus();
- return;
- }
- if(!$('#ipt_gm_contact').textbox('isValid')){
- $('#ipt_gm_contact').textbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gm_mobile').numberbox('isValid')){
- $('#ipt_gm_mobile').numberbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gm_email').textbox('isValid')){
- $('#ipt_gm_email').textbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gm_address').textbox('isValid')){
- $('#ipt_gm_address').textbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gm_bankName').textbox('isValid')){
- $('#ipt_gm_bankName').textbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gm_bankAccount').textbox('isValid')){
- $('#ipt_gm_bankAccount').textbox('textbox').focus();
- return;
- }
- var data = {};
- data.channelName = $('#ipt_gm_channelName').textbox('getValue');
- data.rentplanId = $('#ipt_gm_rentplanId').combobox('getValue');
- data.sourceGroupId = $('#ipt_gm_sourceGroupId').combobox('getValue');
- data.contact = $('#ipt_gm_contact').textbox('getValue');
- data.mobile = $('#ipt_gm_mobile').numberbox('getValue');
- data.email = $('#ipt_gm_email').textbox('getValue');
- data.bankAccount = $('#ipt_gm_bankAccount').textbox('getValue');
- data.address = $('#ipt_gm_address').textbox('getValue');
- data.usageState = $('#ipt_gm_usageState').combobox('getValue');
- data.sortCode = $('#ipt_gm_sortCode').numberbox('getValue');
- if(data.sortCode == ""){
- data.sortCode = 100;
- }
- data.salerUserId = 0;
- data.salerUsername = "";
- data.telephone = "";
- data.credit = 1;
- data.creditAmount = 0;
- data.balance = 0;
- data.remark = "";
- console.info(data)
- $.ajax({
- type:'post',
- url:'../channel/add',
- data:data,
- dataType:'json',
- success:function(result){
- console.info(result);
- if(result==-3333){
- $.messager.show({title:'系统提示',msg:'您没有该操作的权限!',timeout:2000});
- return;
- }
- if(result== -201 || result==-111 || result == -112){
- $.messager.show({title:'系统提示',msg:'参数错误!',timeout:2000});
- return;
- }
- if(result == 0){
- $.messager.show({title:'系统提示',msg:'新增失败!',timeout:2000});
- return;
- }
- if(result>0){
- addGuestManageDiv_dialog.dialog('close');
- var data1 = {};
- data1.channelName = "";
- data1.usageState = 0;
- eapor.utils.defaultAjax("../channel/getChannelCount",data1,gm_getAddResultPageCountCallback);
- $.messager.show({title:'系统提示',msg:'新增成功!',timeout:2000});
- return;
- }
- $.messager.show({title:'系统提示',msg:'新增失败!',timeout:2000});
- }
- })
- }
- },{
- text:'取消',
- handler:function(){
- addGuestManageDiv_dialog.dialog('close');
- }
- }]
- })
- };
//新增后同步分页总数- function gm_getAddResultPageCountCallback(result){
- $('#channelListPage').pagination({total:result});
- var data = {};
- data.offset = setPageSize * (setPageNumber - 1);
- data.limit = setPageSize;
- data.channelName = "";
- data.usageState = 0;
- eapor.utils.defaultAjax('../channel/pglist',data,gm_getPageListClickCallback);
- }
- //编辑btn
- $('#edit_gm').click(function(){
- var selected = $('#tab_guest_manage').datagrid('getSelected');
- if(selected == null){
- $.messager.show({title:'系统提示',msg:'请先选择客源!',timeout:2000,showType:'slide'});
- return;
- }else{
- if(selected.channelName == "会员" || selected.channelName == "非会员" || selected.channelName == "驿宝"){
- $.messager.show({title:'系统提示',msg:'该项不可编辑!请选择其他客源!',timeout:2000,showType:'slide'});
- return;
- }else{
- var index = -1;
- gm_Edit(selected,index)
- }
- }
- });
- /*编辑*/
- function gm_Edit(row,index){
- console.info(row);
- if(row.channelName == "会员" || row.channelName=="非会员"){
- $.messager.show({
- title:'系统提示',msg:'该信息为默认信息,不可编辑!',timeout:2000
- })
- return;
- }
- $('#editGuestManageDiv').append(
- '<div id="div" style="padding-top:20px;padding-left:50px;">'+
- '<div style="margin-bottom:8px">'+//<!-- 客源名称 -->
- '<input id="ipt_gmEdit_channelName" style="width:240px;"'+
- 'label="<span style=\'color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\'>*</span>客源名称 :" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 房价方案-->
- '<input id="ipt_gmEdit_rentplanId" style="width:240px;"'+
- 'label="<span style=\'color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\'>*</span>房价方案:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- *客源组 -->
- '<input id="ipt_gmEdit_sourceGroupId" style="width:240px;"'+
- 'label="<span style=\'color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\'>*</span>客源组:" labelPosition="before" labelAlign="right" labelWidth="100" />'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 联系人 -->
- '<input id="ipt_gmEdit_contact" style="width:240px;"'+
- 'label="<span style=\'color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\'>*</span>联系人:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 联系手机 -->
- '<input id="ipt_gmEdit_mobile" style="width:240px;"'+
- 'label="<span style=\'color:red;font-size: 22px;vertical-align: middle;height: 22px;display: inline;\'>*</span>联系手机:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 邮箱 -->
- '<input id="ipt_gmEdit_email" style="width:240px;"'+
- 'label="邮箱:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 开户行 -->
- '<input id="ipt_gmEdit_bankName" style="width:240px;"'+
- 'label="开户行:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 账号 -->
- '<input id="ipt_gmEdit_bankAccount" style="width:240px;"'+
- 'label="账号:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 地址 -->
- '<input id="ipt_gmEdit_address" style="width:240px;"'+
- 'label="通讯地址:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 状态-->
- ' <input id="ipt_gmEdit_usageState" style="width:240px;" '+
- 'label="状态:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '<div style="margin-bottom:8px">'+//<!-- 优先级-->
- '<input id="ipt_gmEdit_sortCode" style="width:240px;"'+
- 'label="优先级:" labelPosition="before" labelAlign="right" labelWidth="100"/>'+
- '</div>'+
- '</div>'
- );
- $('#ipt_gmEdit_channelName').textbox({
- required:true,
- missingMessage:'客源名称不能为空!',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gmEdit_rentplanId').combobox({
- url:'../rentplan/pglist'
- ,queryParams:{limit:9999,offset:0,rentplanName:''}
- ,valueField: 'rentplanId',textField:'rentplanName'
- ,editable:false
- ,panelHeight: 'auto'
- ,panelMaxHeight:200,
- required:true,
- missingMessage:'房价方案不能为空!',
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gmEdit_sourceGroupId').combobox({
- url:'../sourcegroup/pglist',
- queryParams:{limit:9999,offset:0,groupName:''},
- valueField:'sourceGroupId',textField:'sourceGroupName',
- editable:false,
- panelHeight: 'auto',
- panelMaxHeight:200,
- required:true,
- missingMessage:'客源组不能为空!',
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gmEdit_contact').textbox({
- required:true,
- missingMessage:'联系人不能为空!',
- validType:"maxLength[32]",
- invalidMessage:'输入最大长度为32个字符',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gmEdit_mobile').numberbox({
- required:true,
- missingMessage:'手机号码不能为空!',
- validType:'mobilephone',
- invalidMessage:'手机号码格式不正确,如:13700001234',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gmEdit_email').textbox({
- validType:'email',
- invalidMessage:'邮箱格式输入不正确,如:123456@163.com',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gmEdit_bankName').textbox({
- validType:'name',
- invalidMessage:'格式不正确,只能为中文或英文',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gmEdit_bankAccount').textbox({
- validType:['number','length[5,30]'],
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gmEdit_address').textbox({
- multiline:true,
- validType:"maxLength[64]",
- invalidMessage:'输入最大长度为64个字符',
- delay:1000,
- validateOnCreate:false,
- validateOnBlur:true
- });
- $('#ipt_gmEdit_usageState').combobox({
- data:[{'id':1,'text':'使用'},{'id':2,'text':'冻结'}]
- ,valueField:'id'
- ,textField:'text'
- ,editable:false
- ,panelHeight:'auto'
- });
- $('#ipt_gmEdit_sortCode').numberbox({});
- $('#ipt_gmEdit_salerUserId').combobox('setValue',row.salerUserId);
- $('#ipt_gmEdit_sourceGroupId').combobox('setValue',row.sourceGroupId);
- $('#ipt_gmEdit_channelName').textbox('setValue',row.channelName);
- $('#ipt_gmEdit_contact').textbox('setValue',row.contact);
- $('#ipt_gmEdit_mobile').numberbox('setValue',row.mobile);
- $('#ipt_gmEdit_email').textbox('setValue',row.email);
- $('#ipt_gmEdit_address').textbox('setValue',row.address);
- $('#ipt_gmEdit_bankAccount').textbox('setValue',row.bankAccount);
- $('#ipt_gmEdit_rentplanId').combobox('setValue',row.rentplanId);
- $('#ipt_gmEdit_sortCode').numberbox('setValue',row.sortCode);
- $('#ipt_gmEdit_usageState').combobox('setValue',row.usageState);
- $('#div').dialog({
- title:'编辑客源',
- width:400,
- height:480,
- modal: true,
- onClose:function(){
- $(this).dialog('destroy');
- },
- buttons:[{
- text:'确定',
- handler:function(){
- if(!$('#ipt_gmEdit_channelName').textbox('isValid')){
- $('#ipt_gmEdit_channelName').textbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gmEdit_rentplanId').combobox('isValid')){
- $('#ipt_gmEdit_rentplanId').combobox('textbox').focus();
- return;
- }
- if(!$('#ipt_gmEdit_sourceGroupId').combobox('isValid')){
- $('#ipt_gmEdit_sourceGroupId').combobox('textbox').focus();
- return;
- }
- if(!$('#ipt_gmEdit_contact').textbox('isValid')){
- $('#ipt_gmEdit_contact').textbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gmEdit_mobile').numberbox('isValid')){
- $('#ipt_gmEdit_mobile').numberbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gmEdit_email').textbox('isValid')){
- $('#ipt_gmEdit_email').textbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gmEdit_address').textbox('isValid')){
- $('#ipt_gmEdit_address').textbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gmEdit_bankName').textbox('isValid')){
- $('#ipt_gmEdit_bankName').textbox('textbox').focus();
- return;
- }
- if(!$('#ipt_gmEdit_bankAccount').textbox('isValid')){
- $('#ipt_gmEdit_bankAccount').textbox('textbox').focus();
- return;
- }
- var data = {};
- data.channelName = $('#ipt_gmEdit_channelName').textbox('getValue');
- data.rentplanId = $('#ipt_gmEdit_rentplanId').combobox('getValue');
- data.sourceGroupId = $('#ipt_gmEdit_sourceGroupId').combobox('getValue');
- data.contact = $('#ipt_gmEdit_contact').textbox('getValue');
- data.mobile = $('#ipt_gmEdit_mobile').numberbox('getValue');
- data.email = $('#ipt_gmEdit_email').textbox('getValue');
- data.bankAccount = $('#ipt_gmEdit_bankAccount').textbox('getValue');
- data.address = $('#ipt_gmEdit_address').textbox('getValue');
- data.usageState = $('#ipt_gmEdit_usageState').combobox('getValue');
- data.sortCode = $('#ipt_gmEdit_sortCode').numberbox('getValue');
- if(data.sortCode == ""){
- data.sortCode = 100;
- }
- data.salerUserId = 0;
- data.salerUsername = "";
- data.telephone = "";
- data.credit = 1;
- data.creditAmount = 0;
- data.balance = 0;
- data.remark = "";
- data.channelId = row.channelId;
- console.info(data);
- $.ajax({
- type:'post',
- url:'../channel/edit',
- data:data,
- dataType:'json',
- success:function(result){
- console.info(result);
- if(result==-3333){
- $.messager.show({
- title:'系统提示',msg:'您没有该操作的权限!',timeout:2000
- });
- }else if(result== -201 || result==-111 || result == -112){
- $.messager.show({
- title:'系统提示',msg:'参数错误!',timeout:2000
- });
- }else if(result==-1){
- $.messager.show({
- title:'系统提示',msg:'客源名称已占用!请更改!',timeout:2000
- });
- }else if(result==-601){
- $.messager.show({
- title:'系统提示',msg:'银行账户输入有误!为16~19位数字!',timeout:2000
- });
- }else if(result<-1){
- $.messager.show({
- title:'系统提示',msg:'编辑失败!',timeout:2000
- });
- }else if(result>0){
- $('#div').dialog('close');
- //刷新当前页
- var data = {};
- data.offset = setPageSize * (setPageNumber - 1);
- data.limit = setPageSize;
- data.channelName = "";
- data.usageState = 0;
- eapor.utils.defaultAjax('../channel/pglist',data,gm_getPageListClickCallback);
- $.messager.show({
- title:'系统提示',msg:'编辑成功!',timeout:2000
- });
- }
- }
- })
- }
- },{
- text:'取消',
- handler:function(){
- $('#div').dialog('close');
- }
- }]
- })
- }
- /*分页按钮*/
- function gm_getPageListClickCallback(result){
- if(result==-3333){
- $.messager.show({
- title:'系统提示',msg:'您没有该操作的权限!',timeout:2000
- });
- }else if(result== -201 || result==-111){
- $.messager.show({
- title:'系统提示',msg:'参数错误!',timeout:2000
- });
- }else{
- guestManageArray= result;
- $('#tab_guest_manage').datagrid('options').loader = guestManageLoader;
- $('#tab_guest_manage').datagrid('reload');
- }
- }
- /*list*/
- var rowSelect_guestManage=null;
- function gm_getPageListCallback(result){
- if(result==-3333){
- $.messager.show({
- title:'系统提示',msg:'您没有该操作的权限!',timeout:2000
- });
- }else if(result== -201 || result==-111){
- $.messager.show({
- title:'系统提示',msg:'参数错误!',timeout:2000
- });
- }else{
- guestManageArray= result;
- $('#tab_guest_manage').datagrid({
- loader:guestManageLoader,
- title : '客源基本信息列表', //表格标题
- iconCls : 'icon-list', //表格图标
- nowrap : false, //是否只显示一行,即文本过多是否省略部分。
- fitColumns : true, //防止水平滚动
- scrollbarSize : 0, //去掉右侧滚动条列
- collapsible : false, //是否可折叠的
- striped:true,//隔行变色
- loadMsg : "loading....",
- singleSelect:true,
- rownumbers:true,
- fit:true,
- checkOnSelect:false,
- onLoadSuccess:function(){
- $(this).parent().find(".datagrid-header-check").children('input')[0].style.visibility="hidden";
- },
- onClickRow : function(rowIndex,rowData){
- if(onlySelectedOneRowFlag==2){
- onlySelectedOneRowFlag=0;
- return;
- }else{
- onlySelectedOneRowFlag=1;
- }
- var rows = $(this).datagrid('getChecked');
- var flag = true;
- for(var i = 0; i < rows.length; i++) {
- if(rowData == rows[i]){
- flag = false;
- break;
- }
- }
- if(flag){
- $(this).datagrid('checkRow',rowIndex);
- $(this).datagrid('selectRow',rowIndex);
- rowSelect_guestManage = $(this).datagrid('getSelected');
- }
- else{
- $(this).datagrid('uncheckRow',rowIndex);
- $(this).datagrid('unselectRow',rowIndex);
- rowSelect_guestManage=null;
- }
- onlySelectedOneRowFlag=0;
- },
- onCheck:function(rowIndex,rowData){
- if(onlySelectedOneRowFlag==2){
- return;
- }
- if(onlySelectedOneRowFlag==1){
- onlySelectedOneRowFlag=0;
- return;
- }else{
- onlySelectedOneRowFlag=2;
- }
- if(rowData != rowjavadillselect){
- $(this).datagrid('checkRow',rowIndex);
- $(this).datagrid('selectRow',rowIndex);
- rowSelect_guestManage = $(this).datagrid('getSelected');
- }else{
- $(this).datagrid('uncheckRow',rowIndex);
- $(this).datagrid('unselectRow',rowIndex);
- rowSelect_guestManage=null;
- }
- onlySelectedOneRowFlag=0;
- },
- columns : [[
- {field:'ck',title:'',checkbox:true},
- {field:'channelName',title:'客源名称',align:'center',width:18},
- {field:'rentplanName',title:'价格方案',align:'center',width:18},
- {field:'sourceGroupName',title:'客源组',align:'center',width:18},
- {field:'contact',title:'联系人',align:'center',width:18},
- {field:'mobile',title:'联系手机',align:'center',width:25},
- {field:'email',title:'邮箱',align:'center',width:30},
- {field:'id7',title:'开户行',align:'center',width:20},
- {field:'bankAccount',title:'银行账号',align:'center',width:30},
- {field:'address',title:'通讯地址',align:'center',width:30},
- {field:'usageState',title:'状态',align:'center',width:10
- ,formatter:function(value){
- if(value == 1){
- return "使用";
- }else if(value == 2){
- return "冻结";
- }else{
- return value;
- }
- }
- },
- {field:'balance',title:'余额',align:'center',width:20,hidden:true},
- {field:'credit',title:'能否挂帐',align:'center',width:20
- ,formatter:function(value){
- if(value == 1){
- return "能";
- }
- if(value == 0){
- return "不能";
- }
- }
- },//0不能 1能
- {field:'creditAmount',title:'挂帐最大额度',align:'center',width:20,hidden:true},
- {field:'telephone',title:'联系座机',align:'center',width:20,hidden:true},
- {field:'remark',title:'备注',align:'center',width:20,hidden:true},
- {field:'sourceGroupId',title:'客源组Id',align:'center',width:20,hidden:true},
- {field:'channelId',title:'channelId',align:'center',width:20,hidden:true},
- {field:'createTime',title:'创建时间',align:'center',width:20,hidden:true},
- {field:'creator',title:'创建者',align:'center',width:20,hidden:true},
- {field:'hotelId',title:'宾馆lId',align:'center',width:20,hidden:true},
- {field:'rentplanId',title:'默认房价方案id',align:'center',width:20,hidden:true},
- {field:'saler',title:'销售员username',align:'center',width:20,hidden:true},
- {field:'sortCode',title:'排序',align:'center',width:20}
- ]]
- })
- }
- }
- //countCallBack
- function gm_getPageCountCallback(result){
- if(result==-3333){
- $.messager.show({
- title:'系统提示',msg:'您没有该操作的权限!',timeout:2000
- });
- }else if(result== -201 || result==-111){
- $.messager.show({
- title:'系统提示',msg:'参数错误!',timeout:2000
- });
- }else{
- //得到分页点击记录
- $('#channelListPage').pagination({
- total:result,
- //loading:true,
- //showRefresh:,
- //displayMsg:'',
- onSelectPage:function(pageNumber, pageSize){
- setPageNumber = pageNumber;
- setPageSize = pageSize;
- var data = {};
- data.offset = pageSize * (pageNumber - 1);
- data.limit = pageSize;
- data.channelName = "";
- data.usageState = 0;
- eapor.utils.defaultAjax('../channel/pglist',data,gm_getPageListClickCallback);
- }
- });
- //得到显示分页记录
- var page = $('#channelListPage').pagination('options');
- var data = {};
- data.offset = 0;
- data.limit = page.pageSize;
- data.channelName = $('#ipt_guestName_guest_manage').textbox('getValue');
- data.usageState = 0;
- guestManageListData = data;
- eapor.utils.defaultAjax('../channel/pglist',data,gm_getPageListCallback);
- }
- };
- //得到总记录数
- $(function(){
- var data = {};
- data.channelName = "";
- data.usageState = 0;
- eapor.utils.defaultAjax("../channel/getChannelCount",data,gm_getPageCountCallback);
- });
easyui中 datagrid与pagination结合使用【记录】的更多相关文章
- EasyUI中datagrid的基本用法
EasyUI中datagrid是最常用的一个控件了,现在整理一下datagrid的基本语法,先展示下页面效果吧,如下图
- EasyUI 中 DataGrid 控件 列 如何绑定对象中的属性
EasyUI 中 DataGrid 控件 是我们经常用到的控件之一, 但是 DataGrid 控件 在绑定显示列时却不支持对象属性绑定. 模型如下: public class Manager impl ...
- EasyUI中datagrid双击事件
EasyUI中datagrid双击事件 在jsp文件底部增加代码: <script type="text/javascript"> //数据表双击事件 $('#tabl ...
- easyUI中datagrid展示对象下属性以及显示多个子属性(Day_37)
easyUI中datagrid展示对象下属性以及显示多个子属性 显示对象单个属性值 添加formatter属性 <th field="decidedzone" width=& ...
- EasyUI中datagrid控件的使用 设置多行表头(两行或多行)
EasyUI中的datagrid控件十分强大,能生成各种复杂的报表,现在因为项目需要,需要生成一个表头两行的表,找了一些说明文档,以下用一个实例来说明一下: 第一种方法: $('#divData'). ...
- 利用Aspose.Cells完成easyUI中DataGrid数据的Excel导出功能
我准备在项目中实现该功能之前,google发现大部分代码都是利用一般处理程序HttpHandler实现的服务器端数据的Excel导出,但是这样存在的问题是ashx读取的数据一般都是数据库中视图的数据, ...
- JQuery EasyUI中datagrid的使用
在学习过程中,可以参照JQuery EasyUI的官方网站学习.地址:http://www.jeasyui.com/demo/main/index.php 在学习JQuery EasyUI中的Data ...
- easyUI中datagrid的使用
easyUI中的datagrid数据表格经常被用到,结合项目中的使用情况,总结一下datagrid使用中需要注意的一些问题.使用datagrid展示数据,需要在html.css.js中都要编写代码,h ...
- 修改easyui中datagrid表头和数据不能分开对齐的BUG。
easyui的datagrid中表头和列只能同时全部向左对齐,全部向右对齐或者居中对齐. 有时候有需求,数据向左或向右,表头居中对齐. 在不修改源码的情况下.下面的代码可以实现该功能. 把下面代码放在 ...
随机推荐
- 学到了林海峰,武沛齐讲的Day14完
全局变量和局部变量 局部里面定义 global name ======将局部变量变成全局变量 nonlocal name # nonlocal,指定上一级变量,如果没有就继续往上直到找到为止 有 ...
- iwap问题
1. 2. . . ========================================================================================== ...
- splay树 序列终结者
/* 4655 序列终结者 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 大师 Master 题解 题目描述 Description 网上有许多题,就是给定一个序 ...
- FOI冬令营 Day 3
目录 T1.签到题(sort) 传送门 Code T2.送分题(queue) 传送门 Code T3.简单题(game) 传送门 Code 咕咕咕 T1.签到题(sort) 传送门 原题:LOJ 27 ...
- CF1174C Ehab and a Special Coloring Problem(数论)
做法 与\(x\)互质的数填不同的数,把有向关系表示出来,发现边数是不能承受的 反过来想,成倍数关系填相同的数,把这些数想象成一条链,而这条链开始的数一定是质数,\(\sum\limits_{prim ...
- Jedis API操作redis数据库
1.配置文件 classpath路径下,新建redis.properties配置文件 配置文件内容 # Redis settings redis.host=127.0.0.1 redis.port=6 ...
- LG5492 [PKUWC2018]随机算法
题意 有一种贪心求最大独立集的算法: 随机一个排列 按顺序加入独立集,如果一个点能加入,就加入\({S}\) 给出一张图,问得出正确答案的概率. \(n \leq 20\) 传送门 思路 用 \(dp ...
- hello world&Restart the Journey
一个女OIer. 总结,游记,集训日志在博客园:题解大多在洛谷. 洛谷博客点这里. $\texttt{ You can go on,just take me with you.}$ 可以叫我Har ...
- excel中在某一列上的所有单元格的前后增加
excel中在某一列上的所有单元格的前后增加数字汉字字符等东西的函数这样写 “东西”&哪一列&“东西” 例如 “1111”&E1&“3333”
- idea创建Web项目(基于Maven多模块)
简述:通常我们开发的项目结构是由多个modules项目组合而成,并且由有个parent的maven项目整体管理.废话少说,直接进入创建过程. 创建parent项目 1.打开idea工具,按照下图操作, ...