使用Jquery&EasyUi常见问题解决方案
*清空指定表单中的内容,参数为目标form的id
*注：在使用Jquery
EasyUI的弹出窗口录入新增内容时，每次打开必须清空上次输入的历史
*数据，此时通常采用的方法是对每个输入组件进行置空操作:$("#name").val(""),这样做，
*当输入组件比较多时会很繁琐，产生的js代码很长，这时可以将所有的输入组件放入个form表单
*中，然后调用以下方法即可。
formId将要清空内容的form表单的id
function&resetContent(formId)
&&&&var&clearForm&=&document.getElementByIdx_x(formId);
&&&&if&(null&!=&clearForm&&&&typeof&(clearForm)&!=&"undefined") {
clearForm.reset();
*刷新DataGrid列表(适用于Jquery Easy
Ui中的dataGrid)
*注：建议采用此方法来刷新DataGrid列表数据(也即重新加载数据)，不建议直接使用语句
*$('#dataTableId').datagrid('reload');来刷新列表数据，因为采用后者，如果日后
*在修改项目时，要在系统中的所有刷新处进行其他一些操作，那么你将要修改系统中所有涉及刷新
*的代码，这个工作量非常大，而且容易遗漏；但是如果使用本方法来刷新列表，那么对于这种修
*该需求将很容易做到，而去不会出错，不遗漏。
*@paramdataTableId将要刷新数据的DataGrid依赖的table列表id
function&flashTable(dataTableId)
$('#'&+&dataTableId).datagrid('reload');
*取消DataGrid中的行选择(适用于Jquery Easy
Ui中的dataGrid)
*注意：解决了无法取消"全选checkbox"的选择,不过，前提是必须将列表展示
*数据的DataGrid所依赖的Table放入html文档的最全面，至少该table前没有
*其他checkbox组件。
*@paramdataTableId将要取消所选数据记录的目标table列表id
function&clearSelect(dataTableId)
$('#'&+&dataTableId).datagrid('clearSelections');
&&&&//取消选择DataGrid中的全选
$("input[type='checkbox']").eq(0).attr("checked",&false);
*关闭Jquery EasyUi的弹出窗口(适用于Jquery Easy
*@paramdialogId将要关闭窗口的id
function&closeDialog(dialogId)
$('#'&+&dialogId).dialog('close');
*自适应表格的宽度处理(适用于Jquery Easy
Ui中的dataGrid的列宽),
*注：可以实现列表的各列宽度跟着浏览宽度的变化而变化，即采用该方法来设置DataGrid
*的列宽可以在不同分辨率的浏览器下自动伸缩从而满足不同分辨率浏览器的要求
*使用方法：(如:{field:'ymName',title:'编号',width:fillsize(0.08),align:'center'},)
*@parampercent当前列的列宽所占整个窗口宽度的百分比(以小数形式出现，如0.3代表30%)
*@return通过当前窗口和对应的百分比计算出来的具体宽度
function&fillsize(percent)
&&&&var&bodyWidth&=&document.body.clientW
&&&&return&(bodyWidth&-&90)&*&
* 获取所选记录行(单选)
@paramdataTableId目标记录所在的DataGrid列表的table的id
* @paramerrorMessage
如果没有选择一行(即没有选择或选择了多行)的提示信息
所选记录行对象，如果返回值为null,或者"null"(有时浏览器将null转换成了字符串"null")说明没有
*选择一行记录。
function&getSingleSelectRow(dataTableId,
errorMessage) {
&&&&var&rows&=&$('#'&+&dataTableId).datagrid('getSelections');
&&&&var&num&=&rows.
&&&&if&(num&==&1)
&&&&&&&&return&rows[0];
$.messager.alert('提示消息',
errorMessage,&'info');
&&&&&&&&return&null;
在DataGrid中获取所选记录的id,多个id用逗号分隔
注：该方法使用的前提是：DataGrid的idField属性对应到列表Json数据中的字段名必须为id
@paramdataTableId目标记录所在的DataGrid列表table的id
所选记录的id字符串(多个id用逗号隔开)
function&getSelectIds(dataTableId,
noOneSelectMessage) {
&&&&var&rows&=&$('#'&+&dataTableId).datagrid('getSelections');
&&&&var&num&=&rows.
&&&&var&ids&=&null;
&&&&if&(num&&&1)
&&&&&&&&if&(null&!=&noOneSelectMessage)
$.messager.alert('提示消息',
noOneSelectMessage,&'info');
&&&&&&&&return&null;
&&&&&&&&for&(var&i&=&0;
i&&& i++) {
&&&&&&&&&&&&if&(null&==&ids&||&i&==&0)
&&&&&&&&&&&&&&&
ids&=&rows[i].
&&&&&&&&&&&
&&&&&&&&&&&&&&&
ids&=&ids&+&","&+&rows[i].
&&&&&&&&&&&
&&&&&&&&return&
*删除所选记录(适用于Jquery Easy
Ui中的dataGrid)(删除的依据字段是id)
*注：该方法会自动将所选记录的id(DataGrid的idField属性对应到列表Json数据中的字段名必须为id)
*动态组装成字符串，多个id使用逗号隔开(如：1,2,3,8,10)，然后存放入变量ids中传入后台，后台
*可以使用该参数名从request对象中获取所有id值字符串，此时在组装sql或者hql语句时可以采用in
*关键字来处理，简介方便。
*另外，后台代码必须在操作完之后以ajax的形式返回Json格式的提示信息，提示的json格式信息中必须有一个
*message字段，存放本次删除操作成功与失败等一些提示操作用户的信息。
*@paramdataTableId将要删除记录所在的列表table的id
*@paramrequestURL与后台服务器进行交互，进行具体删除操作的请求路径
*@paramconfirmMessage
删除确认信息
function&deleteNoteById(dataTableId,
requestURL, confirmMessage) {
&&&&if&(null&==&confirmMessage&||&typeof&(confirmMessage)&==&"undefined"&||&""&==&confirmMessage)
confirmMessage&=&"确定删除所选记录?";
&&&&var&rows&=&$('#'&+&dataTableId).datagrid('getSelections');
&&&&var&num&=&rows.
&&&&var&ids&=&null;
&&&&if&(num&&&1)
$.messager.alert('提示消息',&'请选择你要删除的记录!',&'info');
$.messager.confirm('确认',
confirmMessage,&function&(r) {
&&&&&&&&&&&&if&(r)
&&&&&&&&&&&&&&&&for&(var&i&=&0;
i&&& i++) {
&&&&&&&&&&&&&&&&&&&&if&(null&==&ids&||&i&==&0)
&&&&&&&&&&&&&&&&&&&&&&&
ids&=&rows[i].
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&
ids&=&ids&+&","&+&rows[i].
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&
$.getJSON(requestURL, {&"ids":
ids },&function&(data) {
&&&&&&&&&&&&&&&&&&&&if&(null&!=&data&&&&null&!=&data.message&&&&""&!=&data.message)
&&&&&&&&&&&&&&&&&&&&&&&
$.messager.alert('提示消息',
data.message,&'info');
&&&&&&&&&&&&&&&&&&&&&&&
flashTable(dataTableId);
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&
$.messager.alert('提示消息',&'删除失败！',&'warning');
&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&
clearSelect(dataTableId);
&&&&&&&&&&&&&&&
&&&&&&&&&&&
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。easyui与jqueryui哪个好用 - 开源中国社区
当前访客身份：游客 [
当前位置：
easyui与jqueryui 哪个看起来好看。
我觉得jqueryui好看，可是有人说难看，说easyui好看。审美观不一样
所以调查下，大家都用哪个多。
共有13个答案
<span class="a_vote_num" id="a_vote_num_
easyui控件多,样式偏EXT, &扩展性差, 想修改源码的时候很困难.
我更喜欢jqueryui +插件模式
--- 共有 2 条评论 ---
: 插件模式就是，搞一堆乱起八糟的三方插件放到一个项目里面。。。
(3年前)&nbsp&
什么是插件模式
(3年前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
从不问为什么，只问要什么
<span class="a_vote_num" id="a_vote_num_
<span class="a_vote_num" id="a_vote_num_
在使用easyui，jqueryui没用过，不清楚。好不好看，样式可以调
<span class="a_vote_num" id="a_vote_num_
boostrap更好
<span class="a_vote_num" id="a_vote_num_
我用easyui..要是能增加一个去除原来CSS的功能就更好..有时他的风格和我网站不适合,很难修改.jquery mobile就有一个去除原生css功能,自己定义很好.
--- 共有 2 条评论 ---
: 这个themebuilder里面控件不全，有很多控件都没有！！还得自己改css文件。。。
(2年前)&nbsp&
样式什么的，/themebuilder/index.php
自己去配备。。。 前提是你要有配色能力。。。
(3年前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
<span class="a_vote_num" id="a_vote_num_
jQueryui 样式不适合国内反正我不喜欢
--- 共有 1 条评论 ---
(3年前)&nbsp&
<span class="a_vote_num" id="a_vote_num_
easyui性能是硬伤
<span class="a_vote_num" id="a_vote_num_
引用来自“铂金小鸟”的答案easyui性能是硬伤 没错。特别是在ie8及以下。
更多开发者职位上
有什么技术问题吗？
eechen的...的其它问题
类似的话题<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&大家来说说那个UI比较好呢，我现在用的是easy ui
[问题点数：20分，结帖人u]
大家来说说那个UI比较好呢，我现在用的是easy ui
[问题点数：20分，结帖人u]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2013年12月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。