$.extend({ refreshControl:function(op,obj){ obj.attr("data-options",$.json2str(op)); $.render(obj.attr("dtype"),op,obj); }, render:function(type,options,obj){ if(type=="text_group"){ return _render_text_group(options,obj); } else if(type.indexOf("input_")==0){ //输入类控件 return _render_input(type,options,obj); } else if(type=="textarea"){ //textarea控件 return _render_textarea(type,options); } else if(type=="tree"){ //树tree控件 return _render_tree(type,options); } else if(type=="tree_accordion"){ //accordion树控件 return _render_tree_accordion(type,options); } else if(type=="treegrid"){ //treegrid树控件 return _render_treegrid(type,options); } else if(type=="twotree"){ //twotree树控件 return _render_twotree(type,options); } else if(type=="twotreegrid"){ //twotreegrid控件 return _render_twotreegrid(type,options); } else if(type=="inputpop"){ //inputpop控件 return _render_inputpop(type,options); } else if(type=="inputpop_grid"){ //inputpop_grid控件 return _render_inputpop_grid(type,options); } else if(type=="inputpop_tree"){ //inputpop_tree控件 return _render_inputpop_tree(type,options); } else if(type=="inputpop_treegrid"){ //inputpop_treegrid控件 return _render_inputpop_treegrid(type,options); } else if(type=="grid"){ //grid控件 return _render_grid(type,options); } else if(type=="btn"){ //按钮控件 return _render_button(type,options); } else if(type=="btn_dropdown"){ //按钮控件 return _render_btn_dropdown(type,options); } else if(type=="badge"){ //角标(徽章)控件 return _render_badge(type,options); } else if(type=="img_uploader"){ //图片控件,可带图片预览功能 return _render_img_uploader(type,options); } else if(type=="file_uploader"){ //附件控件 return _render_file_uploader(type,options); }else if(type=="ctr_datetime"){ return _render_ctr_datetime(options); }else if(type=="ctr_date"){ return _render_ctr_date(options); }else if(type=="ctr_time"){ return _render_ctr_time(options) }else if(type=="ctr_moth"){ return _render_ctr_moth(options) }else if(type=="ctr_time_quantum"){ return _render_ctr_time_quantum(options) }else if(type=="ctr_button_radio"){ return _render_ctr_button_radio(options) }else if(type=="ctr_button_checkbox"){ return _render_ctr_button_checkbox(options) }else if(type=="ctr_radio"){ return _render_ctr_radio(options) }else if(type=="ctr_checkbox"){ return _render_ctr_checkbox(options) }else if(type=="ctr_select_radio"){ return _render_ctr_select_radio(options) }else if(type=="ctr_select_checkbox"){ return _render_ctr_select_checkbox(options) }else if(type=="ctr_filter_radio"){ return _render_ctr_filter_radio(options) }else if(type=="h_layout"){ return _render_h_layout(options,obj); } } }); /** * 初始化横向布局 * @param op * @returns */ var _hlayoutindex=0; function _render_h_layout(options,obj){ _hlayoutindex++; options = $.extend({ id:"hlayout"+_hlayoutindex },options); var ic=obj;//容器 if(!ic){ ic=$("<div dtype='h_layout' class='h_layout d-item'></div>"); var left=$('<div class="h_layout_left d-con"></div>').appendTo(ic); var right=$('<div class="h_layout_right d-con"></div>').appendTo(ic); if(options.specify=="right"){ right.css("width",options.width); }else{ left.css("width",options.width); } //单击事件 ic.find(".d-con,.d-item").click(function(event){ _setSelectStatus(this,event); }); ic.click(function(event){ _setSelectStatus(this,event); }); }else{ var left=ic.find(".h_layout_left"); var right=ic.find(".h_layout_right");; if(options.specify=="right"){ right.css("width",options.width); left.css("width","auto"); }else{ left.css("width",options.width); right.css("width","auto"); } } ic.attr("id",options.id); ic.attr("data-options",$.json2str(options)); return ic; } /** * 初始化text_group * @param options * @returns */ var _textgroupindex=0; function _render_text_group(options,obj){ _textgroupindex++; options = $.extend({ id:"text"+_textgroupindex, name:"text"+_textgroupindex, label:"文本"+_textgroupindex },options); var ic=obj;//容器 if(!ic){ ic=$("<div dtype='text_group' class='text-group d-item'></div>"); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); } ic.attr("data-options",$.json2str(options)); ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //输入框的容器 var inputcon=$('<div></div>').appendTo(ic); //输入框 var input=$('<input type="text" class="form-control" id="'+options.id+'" value="'+options.defaultValue+'" placeholder="'+options.placeholder+'">').appendTo(inputcon); return ic; } /** * 设置选中状态 * @param obj * @param event * @returns */ function _setSelectStatus(obj,event){ $(".d-active").removeClass("d-active"); $(obj).addClass("d-active"); //渲染属性,事件窗口 _renderPropEvent(obj); event.stopPropagation(); } /** * 生成属性,事件窗口内容 * @param obj * @returns */ function _renderPropEvent(obj){ var dtype=$(obj).attr("dtype"); if(dtype){ var prop=null; var event=null; $.ajax({ url:'wdk?action=form.common&method=getControlPropAndEvent&ajaxparam='+new Date().getTime(), method:"post", data:{ controlName:dtype }, success:function(data){ data=$.str2json(data); if(data.proplist){ prop=data.proplist; } if(data.eventlist){ event=data.eventlist; } parent.renderPropEvent({prop:prop,event:event,options:$.str2json($(obj).attr("data-options"))}); } }); }else{ parent.renderPropEvent({prop:[],event:[],options:null}); } } /** * 初始化input控件,包括文本、数字、邮箱、手机、电话、密码。不含textarea * @param type 控件类型,如input_email * @param op 控件初始化参数 * @returns */ function _render_input(type,op,obj){ var label = type; var placeholder = "请输入"+type; var validType = ""; var inputtype = "text"; if(type=="input_text"){ label = "文本"; placeholder = "请输入文本"; } else if(type=="input_number"){ label = "数字"; placeholder = "请输入数字"; validType = "integer"; } else if(type=="input_money"){ label = "金额"; placeholder = "请输入金额"; validType = "money"; } else if(type=="input_email"){ label = "邮箱"; placeholder = "请输入邮箱"; validType = "emailAddress"; } else if(type=="input_mobile"){ label = "手机"; placeholder = "请输入手机"; } else if(type=="input_phone"){ label = "电话"; placeholder = "请输入电话号码"; } else if(type=="input_password"){ label = "密码"; placeholder = "请输入密码"; inputtype = "password"; } var options={ id:$.getUUID(), label:label, placeholder:placeholder, initvalue:"", required:false, missingMessage:"", editable:true, validType:validType };//默认值 options = $.extend(options,op);//合并属性 var ic=obj;//容器 if(!ic){ ic=$("<div dtype='"+type+"' class='text-group form-group d-item'></div>"); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); } ic.attr("data-options",$.json2str(options)); ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //输入框的容器 var inputcon=$('<div></div>').appendTo(ic); //输入框 var input=$('<input type="'+inputtype+'" class="form-control " id="'+options.id+'" name="'+options.id+'" value="'+options.initvalue+'" placeholder="'+options.placeholder+'">').appendTo(inputcon); var validators={}; var validTypeArray = options.validType.split(","); for(var i=0;i<validTypeArray.length;i++){ if(validTypeArray[i]!=""){ validators[validTypeArray[i]]={message:""}; } } $(".validator-form").bootstrapValidator('addField',$("#"+options.id),{ validators:validators }); //保存参数到控件 ic.data("options",options); return ic; } /** * 初始化textarea控件 * @param type 控件类型,如textarea * @param op 控件初始化参数 * @returns */ function _render_textarea(type,op){ var label = "描述"; var placeholder = "请输入内容"; var options={ id:$.getUUID(), label:label, placeholder:placeholder, initvalue:"", required:false, missingMessage:"", editable:true, rows:3, disabled:false };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //输入框的容器 var inputcon=$('<div></div>').appendTo(ic); //输入框 var input=$('<textarea rows="'+options.rows+'" class="form-control" id="'+options.id+'" name="'+options.id+'" '+ (options.disabled?'disabled="disabled"':'') + ' >' +options.initvalue+'</textarea>').appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化树控件tree * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_tree(type,op){ var label = ""; var options={ id:$.getUUID(), label:label, checkbox:false,//是否显示复选框 expandall:false,//加载完毕后是否展开所有,如果采用异步方式(asyn==true),该属性失效 cascadeCheck:false,//是否级联检查checkbox。父子节点之间的checkbox是否联动,是否有半选状态。 ture:父子checkbox勾选联动,存在半选状态;false:父子checkbox不联动;默认:false。 asyn:false,//是否异步加载。true:使用异步方式加载;false:使用同步方式加载;默认:false。 url:'', queryParams:{} };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //控件的容器 var inputcon=$('<div></div>').appendTo(ic); //控件 var ctr = '<div id="'+options.id+'" class="ztree" ></div>'+ ' <script type="text/javascript"> '+ ' $.tree({'+ ' id:"'+options.id+'",'+ ' checkbox:true,'+ ' expandall:false,'+ ' cascadeCheck:false,'+ ' asyn:true,'+ ' url:"products/demo/demo-org-tree.json",'+ ' queryParams:{}'+ ' });'+ ' </script>'; var input=$(ctr).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化accordion树控件tree_accordion * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_tree_accordion(type,op){ var label = ""; var placeholder = ""; var options={ id:$.getUUID(), label:label, url:'' };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //控件的容器 var inputcon=$('<div></div>').appendTo(ic); //控件 var ctrContent ='<div id="tree_'+options.id+'" >' +'<script>' +'$.accordion({' +'containerid:"#tree_'+options.id+'",' +'url:"'+options.url+'",' +'onclick:function(){' +'var node=this.data;' +'alert(node.text);' +'}' +'});' +'</script>' +'</div>'; var input=$(ctrContent).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化treegrid控件 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_treegrid(type,op){ var label = ""; var options={ id:$.getUUID(), label:label, checkbox:false,//是否显示复选框 expandall:false,//加载完毕后是否展开所有,如果采用异步方式(asyn==true),该属性失效 cascadeCheck:false,//是否级联检查checkbox。父子节点之间的checkbox是否联动,是否有半选状态。 ture:父子checkbox勾选联动,存在半选状态;false:父子checkbox不联动;默认:false。 asyn:false,//是否异步加载。true:使用异步方式加载;false:使用同步方式加载;默认:false。 url:'', queryParams:{} };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //控件的容器 var inputcon=$('<div></div>').appendTo(ic); //控件 var ctr = '<div id="'+options.id+'" class="ztree" ></div>'+ ' <script type="text/javascript"> '+ ' $.tree({'+ ' id:"'+options.id+'",'+ ' checkbox:true,'+ ' expandall:false,'+ ' cascadeCheck:false,'+ ' asyn:true,'+ ' url:"products/demo/demo-org-tree.json",'+ ' queryParams:{}'+ ' });'+ ' </script>'; var input=$(ctr).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化twotree控件 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_twotree(type,op){ var label = ""; var options={ id:$.getUUID(), label:label, checkbox:false,//是否显示复选框 expandall:false,//加载完毕后是否展开所有,如果采用异步方式(asyn==true),该属性失效 cascadeCheck:false,//是否级联检查checkbox。父子节点之间的checkbox是否联动,是否有半选状态。 ture:父子checkbox勾选联动,存在半选状态;false:父子checkbox不联动;默认:false。 asyn:false,//是否异步加载。true:使用异步方式加载;false:使用同步方式加载;默认:false。 url:'', queryParams:{} };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //控件的容器 var inputcon=$('<div></div>').appendTo(ic); //控件 var ctr = '<div id="'+options.id+'" class="ztree" ></div>'+ ' <script type="text/javascript"> '+ ' $.tree({'+ ' id:"'+options.id+'",'+ ' checkbox:true,'+ ' expandall:false,'+ ' cascadeCheck:false,'+ ' asyn:true,'+ ' url:"products/demo/demo-org-tree.json",'+ ' queryParams:{}'+ ' });'+ ' </script>'; var input=$(ctr).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化twotreegrid控件 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_twotreegrid(type,op){ var label = ""; var options={ id:$.getUUID(), label:label, checkbox:false,//是否显示复选框 expandall:false,//加载完毕后是否展开所有,如果采用异步方式(asyn==true),该属性失效 cascadeCheck:false,//是否级联检查checkbox。父子节点之间的checkbox是否联动,是否有半选状态。 ture:父子checkbox勾选联动,存在半选状态;false:父子checkbox不联动;默认:false。 asyn:false,//是否异步加载。true:使用异步方式加载;false:使用同步方式加载;默认:false。 url:'', queryParams:{} };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //控件的容器 var inputcon=$('<div></div>').appendTo(ic); //控件 var ctr = '<div id="'+options.id+'" class="ztree" ></div>'+ ' <script type="text/javascript"> '+ ' $.tree({'+ ' id:"'+options.id+'",'+ ' checkbox:true,'+ ' expandall:false,'+ ' cascadeCheck:false,'+ ' asyn:true,'+ ' url:"products/demo/demo-org-tree.json",'+ ' queryParams:{}'+ ' });'+ ' </script>'; var input=$(ctr).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化inputpop控件 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_inputpop(type,op){ var label = ""; var placeholder = ""; var options={ id:$.getUUID(), label:label, placeholder:placeholder, initvalue:"", url:"", required:false, missingMessage:"", editable:true, disabled:false };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //输入框的容器 var inputcon=$('<div class="btn-group"></div>').appendTo(ic); //输入框 var input=$('<input type="text" class="form-control dropdown-toggle" id="'+options.id+'" name="'+options.id+'" value="'+options.initvalue+'" placeholder="'+options.placeholder+'"' +(options.disabled?'disabled="disabled"':'') +' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >' +'<ul class="dropdown-menu" style="width:100%;">' +'<div id="tree_'+options.id+'"></div>' +'<script>' +'$.accordion({' +'containerid:tree_'+options.id+',' +'url:"'+options.url+'",' +'onclick:function(){' +'var node=this.data;' +'$("#'+options.id+'").val(node.text);' +'}' +'});' +'</script>' +'</ul>' ).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化inputpop_tree控件,目前只是从inputpop拷贝过来,功能尚未实现 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_inputpop_tree(type,op){ var label = ""; var placeholder = ""; var options={ id:$.getUUID(), label:label, placeholder:placeholder, initvalue:"", url:"", required:false, missingMessage:"", editable:true, disabled:false };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //输入框的容器 var inputcon=$('<div class="btn-group"></div>').appendTo(ic); //输入框 var input=$('<input type="text" class="form-control dropdown-toggle" id="'+options.id+'" name="'+options.id+'" value="'+options.initvalue+'" placeholder="'+options.placeholder+'"' +(options.disabled?'disabled="disabled"':'') +' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >' +'<ul class="dropdown-menu" style="width:100%;">' +'<div id="tree_'+options.id+'"></div>' +'<script>' +'$.accordion({' +'containerid:tree_'+options.id+',' +'url:"'+options.url+'",' +'onclick:function(){' +'var node=this.data;' +'$("#'+options.id+'").val(node.text);' +'}' +'});' +'</script>' +'</ul>' ).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化inputpop_grid控件,目前只是从inputpop拷贝过来,功能尚未实现 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_inputpop_grid(type,op){ var label = ""; var placeholder = ""; var options={ id:$.getUUID(), label:label, placeholder:placeholder, initvalue:"", url:"", required:false, missingMessage:"", editable:true, disabled:false };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //输入框的容器 var inputcon=$('<div class="btn-group"></div>').appendTo(ic); //输入框 var input=$('<input type="text" class="form-control dropdown-toggle" id="'+options.id+'" name="'+options.id+'" value="'+options.initvalue+'" placeholder="'+options.placeholder+'"' +(options.disabled?'disabled="disabled"':'') +' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >' +'<ul class="dropdown-menu" style="width:100%;">' +'<div id="tree_'+options.id+'"></div>' +'<script>' +'$.accordion({' +'containerid:tree_'+options.id+',' +'url:"'+options.url+'",' +'onclick:function(){' +'var node=this.data;' +'$("#'+options.id+'").val(node.text);' +'}' +'});' +'</script>' +'</ul>' ).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化inputpop_treegrid控件,目前只是从inputpop拷贝过来,功能尚未实现 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_inputpop_treegrid(type,op){ var label = ""; var placeholder = ""; var options={ id:$.getUUID(), label:label, placeholder:placeholder, initvalue:"", url:"", required:false, missingMessage:"", editable:true, disabled:false };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //输入框的容器 var inputcon=$('<div class="btn-group"></div>').appendTo(ic); //输入框 var input=$('<input type="text" class="form-control dropdown-toggle" id="'+options.id+'" name="'+options.id+'" value="'+options.initvalue+'" placeholder="'+options.placeholder+'"' +(options.disabled?'disabled="disabled"':'') +' data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >' +'<ul class="dropdown-menu" style="width:100%;">' +'<div id="tree_'+options.id+'"></div>' +'<script>' +'$.accordion({' +'containerid:tree_'+options.id+',' +'url:"'+options.url+'",' +'onclick:function(){' +'var node=this.data;' +'$("#'+options.id+'").val(node.text);' +'}' +'});' +'</script>' +'</ul>' ).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化grid控件,功能尚未实现 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_grid(type, op){ var label = ""; var placeholder = ""; var options={ id:$.getUUID(), label:label, placeholder:placeholder, initvalue:"", url:"", required:false, missingMessage:"", editable:true, disabled:false };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //控件容器 var inputcon=$('<div class="btn-group"></div>').appendTo(ic); //控件 var inputtext='<div>grid尚未实现</div>'; var input=$(inputtext).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化switch开关控件 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_switch(type,op){ var label = "开关"; var options={ id:$.getUUID(), label:label, ontext:"ON",//on状态显示的文本 offtext:"OFF",//OFF状态显示的文本 checked:true, handlewidth:100 };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //输入框的容器 var inputcon=$('<div></div>').appendTo(ic); //输入框 var input=$('<input type="checkbox" class="bs-switch" id="'+options.id+'" name="'+options.id+'" data-on-text="'+options.ontext +'" data-off-text="'+options.offtext+'" data-handle-width="'+options.handlewidth+'" '+(options.checked?'checked':'')+'>').appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化button按钮控件 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_button(type,op){ var label = "按钮"; var options={ id:$.getUUID(), label:label, btnstyle:"default" };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+'</label>').appendTo(ic); //输入框的容器 var inputcon=$('<div></div>').appendTo(ic); //输入框 //<button type="button" class="btn btn-default" onclick="alert('默认样式')">(默认样式)Default</button> var input=$('<button type="button" class="btn btn-'+options.btnstyle+'" id="'+options.id+'" name="'+options.id+'" ' +'>' + options.label +'</button>' ).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化btn_dropdown按钮式下拉菜单控件 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_btn_dropdown(type,op){ var label = "按钮菜单"; var options={ id:$.getUUID(), label:label, btnstyle:"default", caret:false, data:[ {id:'node1',text:'第一个选项'}, {id:'node2',text:'第二个选项'} ] };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //输入框的容器 var inputcon=$('<div></div>').appendTo(ic); //输入框 var inputtext='<div class="btn-group">' + '<button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +options.label + (options.caret?'<span class="caret"></span>':'') +'</button>' +'<ul class="dropdown-menu">'; for(var i=0;i<options.data.length;i++){ inputtext += '<li id='+options.data[i].id+'><a href="javascript:alert(1)">' + options.data[i].text + '</a></li>'; } inputtext += '</ul></div>'; var input=$(inputtext).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化badge角标(徽章)控件 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_badge(type,op){ var label = "角标(徽章)"; var options={ id:$.getUUID(), label:label, badge:0, top:false };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+'</label>').appendTo(ic); //输入框的容器 var inputcon=$('<div></div>').appendTo(ic); //输入框 /** <ul class="nav nav-pills" role="tablist"> <li role="presentation" class="active" ><a href="javascipt:alert('Messages');" >Home <span class="badge">42</span></a></li> </ul> */ var inputtext='<ul class="nav nav-pills" role="tablist">' + '<li role="presentation" class="active" >' +'<a href="javascipt:alert(1);" >' + options.label +'<span class="badge">'+options.badge+'</span></a></li>'; var input=$(inputtext).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化img_uploader图片上传控件 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_img_uploader(type,op){ var label = ""; var options={ id:$.getUUID(), label:label, preview:true//是否带预览功能 };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //控件容器 var inputcon=$('<div></div>').appendTo(ic); //控件 var inputtext='<input type="file" id="' + options.id + '" name="' + options.id + '">'; var input=$(inputtext).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 初始化file_uploader附件上传控件 * @param type 控件类型 * @param op 控件初始化参数 * @returns */ function _render_file_uploader(type,op){ var label = ""; var options={ id:$.getUUID(), label:label, preview:true//是否带预览功能 };//默认值 $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='"+type+"' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //控件容器 var inputcon=$('<div></div>').appendTo(ic); //控件 var inputtext='<input type="file" id="' + options.id + '" name="' + options.id + '">'; var input=$(inputtext).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } //------------------------------------- /** * 渲染日期时间选择控件 */ function _render_ctr_datetime(op){ //默认属性值 var options={ id:"", label:"日期时间", initvalue:"",//初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填", startDate:"",//预置开始选择时间 endDate:"",//预置结束选择时间 daysOfWeekDisabled:""//一周的周几不能选 }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_datetime' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //日期时间的容器 var inputcon=$('<div></div>').appendTo(ic); //日期时间框 var input = $('<div id="'+options.id+'" class="form-group input-group date form_datetime">'+ '<input name="'+options.id+'" class="form-control" size="16" type="text" value="'+options.initvalue+'" readonly> '+ '<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>'+ '<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>'+ '</div>').appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 渲染日期选择控件 */ function _render_ctr_date(op){ //默认属性值 var options={ id:"", label:"日期", initvalue:"",//初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填", startDate:"",//预置开始选择时间 endDate:"",//预置结束选择时间 daysOfWeekDisabled:""//一周的周几不能选 }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_date' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //日期时间的容器 var inputcon=$('<div></div>').appendTo(ic); //日期时间框 var input = $('<div id="'+options.id+'" class="form-group input-group date form_date">'+ '<input name="'+options.id+'" class="form-control" size="16" type="text" value="'+options.initvalue+'" readonly> '+ '<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>'+ '<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>'+ '</div>').appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 渲染日期选择控件 */ function _render_ctr_time(op){ //默认属性值 var options={ id:"", label:"时间", initvalue:"",//初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填" }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_time' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //日期时间的容器 var inputcon=$('<div></div>').appendTo(ic); //日期时间框 var input = $('<div id="'+options.id+'" class="form-group input-group date form_time">'+ '<input name="'+options.id+'" class="form-control" size="16" type="text" value="'+options.initvalue+'" readonly> '+ '<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>'+ '<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>'+ '</div>').appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 渲染月份选择控件 */ function _render_ctr_moth(op){ //默认属性值 var options={ id:"", label:"月份", initvalue:"",//初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填", startDate:"",//预置开始选择时间 endDate:"",//预置结束选择时间 daysOfWeekDisabled:""//一周的周几不能选 }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_date' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //日期时间的容器 var inputcon=$('<div></div>').appendTo(ic); //日期时间框 var input = $('<div id="'+options.id+'" class="form-group input-group date form_date_moth">'+ '<input name="'+options.id+'" class="form-control" size="16" type="text" value="'+options.initvalue+'" readonly> '+ '<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>'+ '<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>'+ '</div>'+ '<script type="text/javascript">'+ '$(".form_date_moth").datetimepicker({'+ 'language: "zh-CN",'+ 'format: "yyyy-mm",'+ 'autoclose: true,'+ 'todayBtn: true,'+ 'startView: "year",'+ 'minView:"year",'+ 'maxView:"decade"'+ '});'+ '</script>').appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 渲染时间段选择选择控件 */ function _render_ctr_time_quantum(op){ //默认属性值 var options={ id:"", type:"form_datetime", label:"日期", initstart:"",//开始初始值 initend:"",//结束初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填", startDate:"",//预置开始选择时间 endDate:"",//预置结束选择时间 daysOfWeekDisabled:""//一周的周几不能选 }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_time_quantum' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //时间段的容器 var inputcon=$('<div></div>').appendTo(ic); //时间段框 var input = $( '<div id="'+options.id+'" name="'+options.id+'" class="form-group">'+ '<div id="start" class="input-group date '+options.type+'" style="float: left;width: 48%;">'+ ' <input name="date1" class="form-control" size="16" type="text" value="'+options.initstart+'" readonly>'+ ' <span class="input-group-addon">'+ ' <span class="glyphicon glyphicon-remove"></span>'+ ' </span> '+ ' <span class="input-group-addon">'+ ' <span class="glyphicon glyphicon-calendar"></span>'+ ' </span>'+ '</div>'+ '<span style="margin: 1%;">~</span>'+ '<div id="end" class="input-group date '+options.type+'" style="float: right;width: 48%;">'+ ' <input name="date1" class="form-control" size="16" type="text" value="'+options.initend+'" readonly>'+ ' <span class="input-group-addon">'+ ' <span class="glyphicon glyphicon-remove"></span>'+ ' </span> '+ ' <span class="input-group-addon">'+ ' <span class="glyphicon glyphicon-calendar"></span>'+ ' </span>'+ '</div>'+ '</div>').appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 渲染按钮式单选控件 */ function _render_ctr_button_radio(op){ //默认属性值 var options={ id:"", label:"按钮式单选", data:[], initvalue:"",//初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填" }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_button_radio' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //容器 var inputcon=$('<div></div>').appendTo(ic); var op = '<div class="button-radio form-group" id="'+options.id+' name="'+options.id+'">'; for(var i = 0;i <options.data.length;i++ ){ if(options.data[i].id === options.initvalue){ op = op+'<div class="radio-child radio-child-active" value="'+options.data[i].id+'">'+options.data[i].text+'</div>'; }else{ op = op+'<div class="radio-child" value="'+options.data[i].id+'">'+options.data[i].text+'</div>'; } } op = op + '<input type="hidden"></div>'; var input = $(op).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 渲染按钮式多选控件 */ function _render_ctr_button_checkbox(op){ //默认属性值 var options={ id:"", label:"按钮式多选", data:[], initvalue:"",//初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填" }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_button_checkbox' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //容器 var inputcon=$('<div></div>').appendTo(ic); var op = '<div class="button-checkbox form-group" id="'+options.id+' name="'+options.id+'">'; var initv = options.initvalue.split(","); for(var i = 0;i <options.data.length;i++ ){ var flag = false; for(var j = 0 ;j<initv.length;j++){ if(options.data[i].id === initv[j]){ flag = true; break; } } if(flag){ op = op+'<div class="checkbox-child checkbox-child-active" value="'+options.data[i].id+'">'+options.data[i].text+'</div>'; }else{ op = op+'<div class="checkbox-child" value="'+options.data[i].id+'">'+options.data[i].text+'</div>'; } } op = op + '<input type="hidden"></div>'; var input = $(op).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 渲染单选控件 */ function _render_ctr_radio(op){ //默认属性值 var options={ id:"", label:"单选", data:[], initvalue:"",//初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填" }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_radio' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //日期时间的容器 var inputcon=$('<div></div>').appendTo(ic); var inp = '<div class="form-group">'; for(var i = 0 ; i <options.data.length ; i++){ if(options.data[i].id === options.initvalue){ inp = inp + '<input type="radio" id="'+options.id+'" name="'+options.id+'" placeholder="" value="'+options.data[i].id+'" checked>'+options.data[i].text+''; }else{ inp = inp + '<input type="radio" id="'+options.id+'" name="'+options.id+'" placeholder="" value="'+options.data[i].id+'" >'+options.data[i].text+''; } } inp = inp + '</div>'; //日期时间框 var input = $(inp).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 渲染多选控件 */ function _render_ctr_checkbox(op){ //默认属性值 var options={ id:"", label:"多选", data:[], initvalue:"",//初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填" }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_checkbox' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //日期时间的容器 var inputcon=$('<div></div>').appendTo(ic); var inp = '<div class="form-group">'; var initv = options.initvalue.split(","); for(var i = 0 ; i <options.data.length ; i++){ var flag = false; for(var j=0;j<initv.length;j++){ if(options.data[i].id === initv[j]){ flag = true; break; } } if(flag){ inp = inp + '<input type="checkbox" id="'+options.id+'" name="'+options.id+'" placeholder="" value="'+options.data[i].id+'" checked>'+options.data[i].text+''; }else{ inp = inp + '<input type="checkbox" id="'+options.id+'" name="'+options.id+'" placeholder="" value="'+options.data[i].id+'" >'+options.data[i].text+''; } } inp = inp+ '</div>'; //日期时间框 var input = $(inp).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 渲染下拉单选控件 */ function _render_ctr_select_radio(op){ //默认属性值 var options={ id:"", label:"下拉单选", data:[], initvalue:"",//初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填" }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_select_radio' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //日期时间的容器 var inputcon=$('<div></div>').appendTo(ic); var inp = '<select class="form-control form-group" id="'+options.id+'" name="'+options.id+'" >'; for(var i = 0 ; i <options.data.length ; i++){ inp = inp + '<option value="'+options.data[i].id+'">'+options.data[i].text+'</option>'; } inp = inp + '</select>'+ '<script type="text/javascript">'+ ' $.buttonSelect({id:"'+options.id+'"});'+ ' $.buttonSelect_setValue("'+options.id+'","'+options.initvalue+'");'+ '</script>'; //日期时间框 var input = $(inp).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 渲染下拉多选控件 */ function _render_ctr_select_checkbox(op){ //默认属性值 var options={ id:"", label:"下拉多选", data:[], initvalue:"",//初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填" }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_select_radio' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //日期时间的容器 var inputcon=$('<div></div>').appendTo(ic); var initv = options.initvalue.split(","); var inp = '<select class="form-control select2 form-group" id="'+options.id+'" name="'+options.id+'" multiple="multiple">'; for(var i = 0 ; i <options.data.length ; i++){ var flag = false; for(var j = 0 ;j<initv.length;j++){ if(options.data[i].id === initv[j]){ flag = true; break; } } if(flag){ inp = inp + '<option value="'+options.data[i].id+'" selected>'+options.data[i].text+'</option>'; }else{ inp = inp + '<option value="'+options.data[i].id+'">'+options.data[i].text+'</option>'; } } inp = inp + '</select>'; //日期时间框 var input = $(inp).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; } /** * 渲染可过滤下拉单选控件 */ function _render_ctr_filter_radio(op){ //默认属性值 var options={ id:"", label:"下拉单选", data:[], initvalue:"",//初始值 required:false,//是否必填 disabled:false,//是否可用 missingMessage:"该项必填" }; $.extend(options,op);//合并属性 var ic;//容器 if(!options.did){ options.did=$.getUUID(); ic=$("<div did='"+options.did+"' dtype='ctr_filter_radio' class='text-group d-item'></div>"); }else{ ic=$("[did='"+options.did+"']"); } ic.empty();//清空 //标签 var label = $('<label for="'+options.id+'" class="control-label">'+options.label+'</label>').appendTo(ic); //日期时间的容器 var inputcon=$('<div></div>').appendTo(ic); var initv = options.initvalue.split(","); var inp = '<select class="form-control select2 form-group" id="'+options.id+'" name="'+options.id+'">'; for(var i = 0 ; i <options.data.length ; i++){ var flag = false; for(var j = 0 ;j<initv.length;j++){ if(options.data[i].id === initv[j]){ flag = true; break; } } if(flag){ inp = inp + '<option value="'+options.data[i].id+'" selected>'+options.data[i].text+'</option>'; }else{ inp = inp + '<option value="'+options.data[i].id+'">'+options.data[i].text+'</option>'; } } inp = inp + '</select>'; //日期时间框 var input = $(inp).appendTo(inputcon); //保存参数到控件 ic.data("options",options); //单击事件 ic.click(function(event){ _setSelectStatus(this,event); }); return ic; }