jQuery MiniUI

标题: 更新MINI JS后出现的两个问题 [打印本页]

作者: panepan 时间: 2012-5-20 13:44:36 标题: 更新MINI JS后出现的两个问题

本帖最后由 panepan 于 2012-5-20 14:04 编辑

第一个问题：更新前：懒加载树展开后长度超过DIV后，会自动出现滚动条。更新之后超过之后不出现滚动条。
第二个问题其实是新发现的：FORM表单setData时，如果mini-combobox控件是通过设置data数据加载的本地数据时，修改数据调用setdata时，mini-combobox控件接收不到数据。看到官方实例是通过URL加载的服务器数据。是否在家本地数据的时候接收不到数据？ mini-treeselect以及mini-buttonedit似乎都没法用form.setdata加载到数据。

作者: panepan 时间: 2012-5-20 15:03:20

看过官方实例，确认mini-treeselect使用form.setData加载不到数据。

作者: fcrong 时间: 2012-5-21 09:26:13

1）经测试，树形高度设置后，如果节点超出范围，会有滚动条。
2）form.setData方法调用时，必须：
form.setData({
a: 1,
....
});
其中，a是combobox的name。
可以参考：http://miniui.com/demo/#src=form/form.html
是没问题的。

另外，如果你发现确实有问题，请做一个简单的html示例，上传，我们这样就能重现问题，快速解决。

作者: panepan 时间: 2012-5-21 15:47:14

本帖最后由 panepan 于 2012-5-21 15:56 编辑

确实加载不到，官方实例看过了。两者是有差别的。通过firebug可以看到传回的数据为：{empid:'1',EmpNo:'200523003',EmpName:'管理员',OrgID:'17',JobID:'4',orgname:'技术部',jobname:'课长',JoinDate:'2009-7-15',IDCard:'42*****09270810',Sex:'男',SchoolName:'',Degreecode:'硕士',GraduationDate:'2001-7-1',DormNo:'D502',SummerClothSize:'',WinterClothSize:'',Province:'湖北',NativePlace:'武汉市',OfficeTel:'',Mobile:'',Tel:'203',Email:'panhaiping@solid.com.cn',HomeTel:'',LinkMan:'',LinkManTel:'',Memo:'',Probation:'二个月',BirthDay:'1979-7-19'}部分能加载到，如上述的EmpNo，EmpName等，部分加载不到，比如下面几个。看过了加载不到的字段和官网的差别有如下：
<input name="Province" class="mini-combobox" data="Provinces" style="width:100px;"/>（该处与官方实例的差别是：官方加载的url地址，我设置的是data属性）
<input name="OrgID" class="mini-treeselect" url="GetServerData.asp?action=GetOrgJson" valueField="id" textField="name" multiSelect="false" style="width:180px;" />（该处与官方实例的差别是：官方加载的url为txt文件，我的地址为懒加载，第一次加载的数据只是一部分）
<input name="JobID" property="JobID" class="mini-buttonedit" style="width:180px;"/>（官方没有对应实例）

[attach]97[/attach]

作者: panepan 时间: 2012-5-21 16:51:47

两张图片，第一张是我尝试用miniui修改界面的程序，第二张是没有使用miniui的原系统截图。系统本身没必要改进，主要是为了学习miniui。从个人感受来说miniui确实在界面能节约一定时间。当然个人认为用户体验的角度来看，主要是由界面和程序的良好相应两方面来决定。而更重要的表现在于程序的能力（如程序的相应速度，程序本身的逻辑，比如不能删除的数据可以删除，以及系统对操作的回应，比如一些相关的智能提示）[attach]100[/attach]
（第一张图片，存在的问题是：加载树时当节点超出范围，没有出现滚动条。不知道为什么？）
[attach]99[/attach]
（第二张图片）

作者: fcrong 时间: 2012-5-22 09:02:19

panepan 发表于 2012-5-21 15:47
确实加载不到，官方实例看过了。两者是有差别的。通过firebug可以看到传回的数据为：{empid:'1',EmpNo:'200 ...

先将combobox设置data。
然后用form.setData设置combobox的值。

作者: fcrong 时间: 2012-5-22 09:03:06

panepan 发表于 2012-5-21 16:51
两张图片，第一张是我尝试用miniui修改界面的程序，第二张是没有使用miniui的原系统截图。系统本身没必要改 ...

tree的高度设置为100%。
或者tree外面的div，其overflow:auto。

作者: panepan 时间: 2012-5-22 10:22:34

fcrong 发表于 2012-5-22 09:02
先将combobox设置data。
然后用form.setData设置combobox的值。

是指在在form.setData前这样：mini.get("Degreecode").setData(Degreecodes);
其中：Degreecode为combobox控件id，Degreecodes为脚本数组。具体为：
var Degreecodes = [{ id: 1, text: '博士后' }, { id: 2, text: '博士'}, { id: 3, text: '硕士'},
{ id: 4, text: '本科' }, { id: 5, text: '大专'}, { id: 6, text: '高中'},
{ id: 7, text: '中专' }, { id: 8, text: '初中'}, { id: 9, text: '小学'}, { id: 10, text: '其他'}];

目前这样做仍然没有效果？

作者: panepan 时间: 2012-5-22 10:23:21

fcrong 发表于 2012-5-22 09:03
tree的高度设置为100%。
或者tree外面的div，其overflow:auto。

谢谢，滚动条的问题可以了

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)