1. css
<div id="crtPage" class="easyui-window" title="新建项目" data-options="modal:true,closed:true,collapsible:false,minimizable:true,maximizable:true,resizable:true,iconCls:'icon-add'" style="width:550px;height:460px;padding:10px;"></div>
modal:true 是否将窗体显示为模式化窗口
collapsible:false collapsible意思为可折叠的,true表示折叠;false表示展开。
minimizable:true,maximizable:true 有放大缩小按钮
resizable:true 可拖曳放大缩小
overflow: scroll 将隐藏所有溢出的内容并使滚动条出现在相关元素上(右侧&底部)。
如果内容没有溢出,滚动条仍然可见,但被禁用。
overflow: auto 非常相似,但滚动条仅在内容溢出时出现。
2. 使用append等动态添加easyui标签后,easyui相关的东西并没有渲染进去,需要手动局部渲染:
var targetObj = $("<input name='mydate' class='easyui-datebox'>").appendTo("#id");
$.parser.parse(targetObj);
可以通过appendTo方法把标签插入到某个DOM中,appendTo方法的返回值就是刚刚插入的对象。单独对这个对象进行渲染,既可以实现动态渲染,又能避免影响其它组件(最好使用局部渲染,避免使用全局渲染)。
function addRadioFun(tableId){
var partId = $("#"+tableId +" input[name='pRadio']:checked").val();
if(typeof(partId) =='undefined' || partId == '' ){
$.messager.alert('提示:','请先选择题目大类!','warning');
return false;
}
var quId = 'qu'+qNo;//渲染
var addId = 'add'+qNo;//渲染
var qType = 'radioClass'+ qNo;//删除qu
var radio = '<div id="'+quId+'" class="qiClass '+qType+'" style="margin-top:0px;margin-left:45px;"><div><ul><li class="question_li"> Q. <input class="easyui-textbox quClass" type="text" data-options="required:true,validType:\'length[1,30]\'" style="width: 330px;"/> <a class="easyui-linkbutton" iconCls="icon-cancel" plain="true" οnclick="rmQuFun('+"'"+qType+"'"+');"></a><input type="hidden" class="typeClass" value="radio"/></li></ul></div></div>';
radio += '<div id="'+addId+'" class="'+qType+'" style="margin-bottom:5px;margin-left:45px;"><ul><li class="question_li"> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" οnclick="addRadioItemFun('+"'"+quId+"'"+');"></a></li></ul></div>';
$('#'+partId).append(radio);
$.parser.parse($('#'+quId));
$.parser.parse($('#'+addId));
qNo++;
}
function rmQuFun(qType){
$('.'+qType).remove();
}
function rmItemFun(itemId){
$('#'+itemId).remove();
}