博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyui 问题。
阅读量:5056 次
发布时间:2019-06-12

本文共 3452 字,大约阅读时间需要 11 分钟。

 

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          });

 

 

 

转载于:https://www.cnblogs.com/yxcoding/p/7608800.html

你可能感兴趣的文章
bzoj1230 开关灯 线段树
查看>>
LinearLayout
查看>>
学习python:day1
查看>>
css3动画属性
查看>>
第九次团队作业-测试报告与用户使用手册
查看>>
Equal Sides Of An Array
查看>>
CentOS笔记-用户和用户组管理
查看>>
Mongodb 基本命令
查看>>
Qt中QTableView中加入Check列实现
查看>>
“富豪相亲大会”究竟迷失了什么?
查看>>
控制文件的备份与恢复
查看>>
返回代码hdu 2054 A==B?
查看>>
Flink独立集群1
查看>>
iOS 8 地图
查看>>
20165235 第八周课下补做
查看>>
[leetcode] 1. Two Sum
查看>>
iOS 日常工作之常用宏定义大全
查看>>
PHP的SQL注入技术实现以及预防措施
查看>>
MVC Razor
查看>>
软件目录结构规范
查看>>