easyui中的方法（easyui的$extend方法怎么用）

本文目录

• easyui的$extend方法怎么用
• easyui是怎么获取数据库数据的
• easyui 视图怎么调用接口方法
• jquery easyUI中 editor的方法
• easyui datagrid中使用updateRow方法，会使单元格编辑完成了，要怎么解决
• easyui中右键tree上下移的方法
• easyui中如何得到多行选中的值

easyui的$extend方法怎么用

你这问题有点儿大啊，如果说明白了，估计这儿都写不下啊。给你两个我写的例子吧。

//给datagrid增加一个getRowByIdField方法
if ($.fn.datagrid) {
    $.extend($.fn.datagrid.methods, {
        getRowByIdField: function (jq, idValue) {
            var dg = $(jq);
            var row = new Object();
            var rows = dg.datagrid(’getRows’);
            var idField = dg.datagrid(’options’).idField;
            for (var i = 0; i 《 rows.length; i++) {
                if (rows == idValue) {
                    row.rowIndex = i;
                    row.row = rows;
                    break;
                }
            }
            return row;
        }
    });
}

// 给combobox增加一个校验规则
if ($.fn.combobox) {
    $.extend($.fn.combobox.defaults.rules, {
        exist: {
            validator: function (value, param) {
                var $ctrl = $(this).parent().prev();
                var opts = $ctrl.combobox(’options’);
                var condition = new Object();
                condition = value;
                return $ctrl.combobox(’getData’).getRecordsByFields(condition).length == 1;
            },
            message: ’Invalid country name.’
        }
    });
}

希望能帮到你。

easyui是怎么获取数据库数据的

easyui自带有 loadData 方法，下面有两种加载数据方法：
《table id="tt" border="false" fit="true" fitcolumns="true" iconcls="icon-edit" singleselect="true"》《/table》
function strToJson(str) {
var json = eval(’(’ + str + ’)’);
return json;
}
1.加载静态数据方法
var htmls = "";
$(’#tt’).datagrid(’loadData’, strToJson(htmls));
2.ajax动态加载数据方法（支持后台数据库）
$.ajax({
url: "/index/index",
data: { id: 1, code: "101" },
datatype: "json",
type: "POST",
traditional: true,
success: function(data) {
$(’#tt’).datagrid(’loadData’, strToJson(data));
}
})
返回的data数据格式为方法1中的htmls字符串格式。
希望对你有帮助。

easyui 视图怎么调用接口方法

一：进入“我的电脑” -- 在顶部选择 “工具” 如下图：
二：在“工具”里选择 -“文件夹选项”然后切换到“查看”选项卡，在“高级”的列表中勾选上“文件和文件夹”下的“记住每一个文件夹的视图设置”，点击“确定”，之后你再进入不同文件夹就可以发现文件夹的视图方式就都一样了。

jquery easyUI中 editor的方法

设置好它的两个属性即可，例如：
editor: { type: ’validatebox’, options: { required: true} }

$("#dd").datagrid({columns: [[
//显示的列                
{field: ’ID’, title: ’编号’, width: 100, sortable: true, checkbox: true },    field: ’UserName’, title: ’用户名’, width: 100, sortable: true,            editor: { type: ’validatebox’, options: { required: true} }                 },                  
{ field: ’RealName’, title: ’真实名称’, width: 100,                      editor: { type: ’validatebox’, options: { required: true} }                  },                   { field: ’Email’, title: ’邮箱’, width: 100,                       editor: { type: ’validatebox’, options: { required: true} }                   }                   ]]
//....});

easyui datagrid中使用updateRow方法，会使单元格编辑完成了，要怎么解决

在easyui datagrid中使用updateRow方法，会使单元格完成了
1. beginEdit
2. 内容
3. endEdit
4. acceptChanges
四个方法，因为最后使用了acceptChanges方法，所以再使用getChanges就无法获取到的内容了
解决方法
将上面的四个步骤分开进行
$(’#dg’).datagrid(’beginEdit’,index);
var ed = $(’#dg’).datagrid(’getEditor’, { index: index, filed: ’name’ });
//修改内容
ed.target.val(’newName’);
$(’#dg’).datagrid(’endEdit’,index);
//这样就能获取到了
$(’#dg’).datagrid(’getChanges’);

easyui中右键tree上下移的方法

$.extend($.fn.tree.methods, {
2 highlight: function(jq, target){
3 return jq.each(function(){
4 $(this).find(’.tree-node-hover’).removeClass(’tree-node-hover’);
5 $(target).addClass(’tree-node-hover’);
6 })
7 },
8 nav: function(jq){
9 return jq.each(function(){
10 var t = $(this);
11 t.attr(’tabindex’,0);
12 t.unbind(’.tree’).bind(’keydown.tree’, function(e){
13 var curr = getCurr();
14 if (!curr.length){return}
15 if (e.keyCode == 40){ // down
16 var li = getNext(curr);
17 if (li.length){
18 t.tree(’highlight’, li);
19 }
20 } else if (e.keyCode == 38){ // up
21 var li = getPrev(curr);
22 if (li.length){
23 t.tree(’highlight’, li);
24 }
25 } else if (e.keyCode == 13){
26 t.tree(’select’, curr);
27 } else if (e.keyCode == 39){ // right
28 if (!t.tree(’isLeaf’, curr)){
29 t.tree(’expand’, curr);
30 }
31 } else if (e.keyCode == 37){ // left
32 if (!t.tree(’isLeaf’, curr)){
33 t.tree(’collapse’, curr);
34 }
35 }
36 e.preventDefault();
37 }).bind(’mouseover.tree’, function(e){
38 var node = $(e.target).closest(’div.tree-node’);
39 if (node.length){
40 t.find(’.tree-node-hover’).each(function(){
41 if (this != node){
42 $(this).removeClass(’tree-node-hover’);
43 }
44 })
45 }
46 });
47 function getCurr(){
48 var n = t.find(’.tree-node-hover’);
49 if (!n.length){
50 n = t.find(’.tree-node-selected’);
51 }
52 return n;
53 }
54 function getNext(curr){
55 var n = $();
56 var node = t.tree(’getNode’, curr);
57 if (t.tree(’isLeaf’, node.target)){
58 n = curr.parent().next().children(’div.tree-node’);
59 if (!n.length){
60 var p = t.tree(’getParent’, curr);
61 if (p){
62 n = $(p.target).parent().next().children(’div.tree-node’);
63 }
64 }
65 } else {
66 if (node.state == ’closed’){
67 n = curr.parent().next().children(’div.tree-node’);
68 } else {
69 var cc = t.tree(’getChildren’, curr);
70 if (cc.length){
71 n = $(cc.target);
72 }
73 }
74
75 }
76 return n;
77 }
78 function getPrev(curr){
79 var n = curr.parent().prev().children(’div.tree-node’);
80 if (n.length){
81 var node = t.tree(’getNode’, n);
82 if (node.state == ’open’){
83 var cc = t.tree(’getChildren’, node.target);
84 if (cc.length){
85 n = $(cc.target);
86 }
87 }
88 } else {
89 var p = t.tree(’getParent’, curr);
90 if (p){
91 n = $(p.target);
92 }
93 }
94 return n;
95 }
96 })
97 }
98 })
$(’#tt’).tree(’nav’);

easyui中如何得到多行选中的值

方法 ：getSelections
var rows = $("#你的gridId").griddata("getSelections");
rows 就是你选择的行的数据