1.easyui-combox默认选中第一项
$('#policyType').combobox({ url: contextPath + '/code/xxxx', valueField: 'value', editable: false, textField: 'Name', panelHeight: 'auto', onLoadSuccess: function () { //加载完成后,设置选中第一项 var data = $('#policyType').combobox('getData'); $('#policyType').combobox('select',data[0].value); } });
在数据加载成功后,选中第一项。
2.textbox combox 设置只读
$("#discount").textbox('textbox').attr('readonly',true); $('#policyType').combobox('readonly',true);
easyui 表单提交。
$('#policy-form-data').form('submit', { url: "/url", onSubmit: function () { var isValid = $(this).form('validate'); if (!isValid) { return false; } return true; // return false will stop the form submission }, success: function (data) { }};
在 onSubmit 验证,失败返回,会自动定位到元素上。 其中元素 设置必填 等属性。如
data-options="required:true,validType:'length[1,20]'
3.表格自定义表头
$('#dg').datagrid({ toolbar: '#tb' columns: [ parentColumns, childColumns ], });
两个列数组如下
[ {field:'itemid',title:'Item ID',rowspan:2,width:80,sortable:true}, {field:'productid',title:'Product ID',rowspan:2,width:80,sortable:true}, {title:'Item Details',colspan:4}][ {field:'listprice',title:'List Price',width:80,align:'right',sortable:true}, {field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true}, {field:'attr1',title:'Attribute',width:100}, {field:'status',title:'Status',width:60}]
4. 单元格编辑
文档例子比较简单
Item ID Product List Price Unit Cost Attribute Status
editor 可以设置单元格中的类型。 同时只设置这些还不能实现编辑。还得引用 一个js文件。 该文件中定义了一些cell的事件。从官网例子中下载下来。
百度上传控件 js端 代码。
实例化 uploader = WebUploader.create({ pick: { id: '#filePicker', label: '点击选择文件' }, formData: { uid: 'yangl' }, dnd: '#dndArea', paste: '#uploader', swf: '../../dist/Uploader.swf', chunked: false, chunkSize: 512 * 1024, server: getRootPath()+'/upload/fileuploadAction!saveUploadFile.action', // runtimeOrder: 'flash', accept: { title: 'Files', extensions: 'gif,jpg,jpeg,bmp,png,pdf,doc,docx,txt,xls,xlsx,ppt,pptx', mimeTypes: 'image/*,text/*' //word +',application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document' //excel +',application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' //ppt +',application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation' +',application/pdf' }, // 禁掉全局的拖拽功能。这样不会出现图片拖进页面的时候,把图片打开。 disableGlobalDnd: true, fileNumLimit: 300, fileSizeLimit: 200 * 1024 * 1024, // 200 M fileSingleSizeLimit: 50 * 1024 * 1024 // 50 M });