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中表头和列只能同时全部向左对齐,全部向右对齐或者居中对齐. 有时候有需求,数据向左或向右,表头居中对齐. 在不修改源码的情况下.下面的代码可以实现该功能. 把下面代码放在 ...
随机推荐
- JQ实现点击两个按钮切换内容
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri ...
- zabbix主动模式,自定义Key监控 zabbix采集器
主动模式不是只能用模板提供的标准检测器方式 zabbix-agent两种运行方式即主动模式和被动模式.默认被动模式. 两种模式是相对 客户端 角度来说的. 被动模式:等待server来取数据,可以使用 ...
- 在本机上用IO流实现复制粘贴功能
/** * 复制文件夹 * @param sourcePath * @param targetPath * @throws IOException */ public void copyFolder( ...
- 雪花算法（DELPHI实现）
雪花算法(DELPHI实现) 生成ID能够按照时间有序生成. 分布式系统内不会产生重复id(用workerId来做区分). 自增ID:对于数据敏感场景不宜使用,且不适合于分布式场景. GUID:采用无 ...
- arcgis python ListEnvironments 函数可返回地理处理环境名称列表。
import arcpy environments = arcpy.ListEnvironments() # Sort the environment names environments.sort( ...
- office web apps 在线问答预览
最近在做项目时,需要用到在线文档预览,看过明道的一篇搭建office web apps服务的文章,但是由于时间的关系,没有仔细研究,这几天有时间,就拿出来研究了下,折腾了几天终于完成了部署,然后就搬过 ...
- raid卷性能测试
#RAID卷 独立磁盘冗余阵列RAID是一种把多块独立的硬盘(物理硬盘)按不同的方式组合起来形成一个硬盘组(逻辑硬盘),从而提供比单个硬盘更高的存储性能和提供数据备份技术.组成磁盘阵列的不同方式成为R ...
- IOS和Andriod手机浏览器内核
手机浏览器是基于什么内核? 如果细分的话,目前全球仅有四个独立的浏览器内核: 1. 微软IE的Trident 2. 网景最初研发后卖给Mozilla基金会并演化成火狐的Gecko 3. KDE的开 ...
- 【转载】 迁移学习简介（tranfer learning）
原文地址: https://blog.csdn.net/qq_33414271/article/details/78756366 土豆洋芋山药蛋 --------------------------- ...
- Linux中ctrl+z 、ctrl+c、 ctrl+d区别
Ctrl + C 和Ctrl + Z都是中断命令,但是他们的作用却不一样. Ctrl + C 是强制中断程序的执行,进程已经终止. Ctrl + C 发送 SIGINT信号 参考:linux信号 Ct ...