基于jQuery下拉选择框插件支持单选多选功能代码

2020-05-27 18:13:50易采站长站整理

*/
var bindParams = function(query_url){
var params="";//存储解析的参数
for(var attr in options){
var key = attr;
var value = options[attr];
if(value != "" && !(value instanceof Object)&key!="query_url"&&key!="divID"&&key!=false){
params+=key+"="+value+"&"
}else if(value instanceof Object){
params+=$.param(value)+"&"
}else if(key=="_search"&&value==false){
params+=key+"=false&";
}
}
var finalParams =query_url+"?"+params.substring(0,params.length-1);
return finalParams;
};
/**
* 绑定选择罪犯combogrid
*/
var renderComboGrid = function(){
$("#"+customparams.chooseID).combogrid({
panelWidth: 500,
idField: 'bh',//id
textField: 'xm',//input显示值
pagination : true,//是否分页
pageSize: 10,//每页显示的记录条数,默认为10
rownumbers:true,//序号
url: bindParams(options.query_url),
method: 'get',
fitColumns: true,
columns: [[
{field:'xm',title:'姓名',width:80},
{field:'bh',title:'编号',width:120},
{field:'gydwName',title:'单位',width:80},
]],
keyHandler:{
query:function(keyword){//动态搜索
var value =keyword;
//装载动态输入参数
if(options.postData!=null&&options.postData!=undefined){
var oldRules = JSON.parse(options.postData.filters);
var newRules =[
{"field":"xm","op":"cn","data":value},
(oldRules.rules)[0] ];
var filters = {"groupOp":"AND","rules":newRules};
options = $.extend(defaults, {postData: {filters:JSON.stringify(filters)}});
}else{
var newRules =[
{"field":"xm","op":"cn","data":value}
];
var filters = {"groupOp":"AND","rules":newRules};
options = $.extend(defaults, {queryData: {filters:JSON.stringify(filters)}});
}
//将输入的值设置至输入框中
$("#"+customparams.chooseID).combogrid('setValue', value);
//重新请求后台加载表格
$("#"+customparams.chooseID).combogrid("grid").datagrid({url:bindParams(options.query_url)});
}
},
onSelect:function(){//选中事件
var bh= $("#"+customparams.chooseID).combogrid('grid').datagrid('getSelected').bh;//获取选中行数据的编号