easyui 问题。

 

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. 单元格编辑

 文档例子比较简单

 <th data-options="field:'itemid',width:100">Item ID</th>
                <th data-options="field:'productid',width:100,editor:'text'">Product</th>
                <th data-options="field:'listprice',width:80,align:'right',editor:{type:'numberbox',options:{precision:1}}">List Price</th>
                <th data-options="field:'unitcost',width:80,align:'right',editor:'numberbox'">Unit Cost</th>
                <th data-options="field:'attr1',width:250,editor:'text'">Attribute</th>
                <th data-options="field:'status',width:60,align:'center',editor:{type:'checkbox',options:{on:'P',off:''}}">Status</th>

editor 可以设置单元格中的类型。



同时只设置这些还不能实现编辑。还得引用 一个js文件。 

 <script type="text/javascript" src="/easyui/datagrid-cellediting.js"></script>

该文件中定义了一些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  
        });