easyui元件實現

資料**datagrid

//獲得**資料，準備初始化**

function inittable()

var row_data = ;
var total = result.total;
for (var i = 0; i < result.data.length; i++) );
}buildgrid(row_data);
},error: function () 
}); 
}

function buildgrid(row_data) ,    

, 
, ,,
,,
]]});
var p = $('#dg').datagrid('getpager');
$(p).pagination( 頁',
displaymsg : '當前顯示 - 條記錄 共 條記錄',
});}

// layer 相簿檢視器

function setphotodata(result));
} var photos_data=;
layer.photos(
});}

// logo圖示預覽

function showlogo(pid) ]} });
} else 
},error : function(xhr, error, thrown) 
});}

// 初始化型別--新增視窗

function initdivaddcomboboxmodule());
}$('#form_add_type').combobox();
},error: function () 
}); 
}

function initformeditprovinceandcity(p,c)

if(c==null || c=="")
// 省級 
$.ajax();
}$('#form_edit_province').combobox();
}$('#form_edit_city').combobox();
},error: function () 
}); 
}});
},error: function () 
}); 
//縣市區 
var parent_id=$('#form_edit_province').combobox('getvalue');
$.ajax();
}$('#form_edit_city').combobox();
},error: function () 
}); 
}

樹形選單tree

//初始化結構樹

function buildresourcetree()
}});
}//此處是把後台傳過來的json資料轉成easyui規定的格式
function bl(item) else 
return tree;
}//此處是遍歷後台傳過來的json資料
function jsonbl(data) );
return easytree;
}

//初始化結構樹

function buildresourcetree(role_id)
//結構樹視窗 
$('#resourcedata').tree(
});}/**
* 查詢資源樹，分配資源
* @param role_id
* @return
*/public jsonarray queryresourcetree(string role_id) 
listreslist = baseresourcesservice.queryresourcetree();
list> listmap = baseroleresourceservice
.querylistmapbyroleid(role_id);
list> restree = formatsynctree(reslist, listmap);
jsonarray jsonarr = jsonarray.fromobject(restree.toarray());
return jsonarr;
} /**
* 處理資料，返回資源樹需要的json
* @param reslist
* @param assignment
* @return
*/public list> formatsynctree(
listreslist, list> assignment) else if (res.getbaserestype().equals("02")) else if (res.getresid().equals("110")) 
for (mapass : assignment) 
}// 資源所具有的屬性
mapattributes = new hashmap();
// 記錄當前資源的父節點
string parentid = res.getparent_id();
// 資源屬性賦值
attributes.put("parentid", parentid);
attributes.put("url", res.getres_url());
// 屬性賦值到當前資源上
m.put("attributes", attributes);
// 該節點下的節點
list> templist = rawmap.get(parentid);
if (null == templist) 
// 把當前資源新增到templist中
templist.add(m);
}// 找到根節點父id 預設 -1 。根節點id預設 110
list> rootlist = rawmap.get("-1");
// 遞迴所有節點並新增子節點
for (mapm : rootlist) 
treelist = rootlist;
} catch (exception e) 
return treelist; } 
/*** 遞迴新增子節點
* @param rawmap
* @param m
*/private void addchild(map>> rawmap,
mapm) 
m.put("children", parentlist);
for (mapmenu : (list>) m
.get("children")) 
} }

easyUi基礎元件

1 panel元件 2 messager元件 3 datebox元件 日期框 4 datetimebox元件 日期時間框元件 5 timespinner元件 時間微調器 6 calendar元件 7 numberbox元件 8 numberspinner元件 9 validatebox元件 驗證框 ...

easyui的filebox元件實現多檔案上傳

html easyui panel title 上傳檔案 style width 100 padding 30px 70px 50px 70px userform name userform enctype multipart form data method post margin bottom ...

easyui 基礎元件 window

window 依賴下面三個元件，就是繼承，所以下面的特性和方法 事件都可以用 window 和panel不同之處，可以有拖拽移動draggable，拖改變大小reziable，預設都設定了上面4個工具欄為true 最大，最小，摺疊，關閉 modal特性，是否是模態，false時，可以點選 點選 為t...