jQuery MiniUI
标题:
生成miniui表格的时候怎么才能根据一列的值动态的生成另一
[打印本页]
作者:
常常
时间:
2012-8-9 20:28:42
标题:
生成miniui表格的时候怎么才能根据一列的值动态的生成另一
[attach]338[/attach]
如图所示:该表格有两列(状态和管理操作)。现在的问题是:
能不能根据前面状态的取值
(可以从后台获取一个表示状态的编码,比如1表示“新建”状态),
动态的决定后面“管理操作”的内容
(比如:如果前面是“新建”状态,后面“管理操作”显示“初审通过”和“初审不通过”两个链接;如果前面是“初审通过”、“面试不通过”和“面试通过”,后面“管理操作”为空)。
代码为:
<div name="ResumStatus" field="ResumStatus" width="100" headerAlign="center" >状态
</div>
<div name="manage" width="100" headerAlign="center" allowSort="true">管理操作
</div>
数据为:
{"total":24,"data":[
{ "TalentName":"张三","Resum":"员工绩效", "CreateTime":"2012-08-08", "CreateUserName":"系统测试4", "CreateUserId":"444444", "DeptName":"宝钢金属有限公司", "ResumStatus":"新建"},
{ "TalentName":"李四","Resum":"个人展示", "CreateTime":"2012-08-08", "CreateUserName":"系统测试4", "CreateUserId":"444444", "DeptName":"宝钢金属有限公司", "ResumStatus":"初审未通过"},
{ "TalentName":"王五","Resum":"简历", "CreateTime":"2012-08-08", "CreateUserName":"系统测试4", "CreateUserId":"444444", "DeptName":"宝钢金属有限公司", "ResumStatus":"初审通过"},
{ "TalentName":"赵六","Resum":"个人简历", "CreateTime":"2012-08-08", "CreateUserName":"系统测试4", "CreateUserId":"444444", "DeptName":"宝钢金属有限公司", "ResumStatus":"面试不通过"},
{ "TalentName":"洪七","Resum":"个人风采", "CreateTime":"2012-08-08", "CreateUserName":"系统测试4", "CreateUserId":"444444", "DeptName":"宝钢金属有限公司", "ResumStatus":"面试通过"}
]}
作者:
常常
时间:
2012-8-10 09:19:03
已经解决了!谢谢关注
解决代码为:
<div name="ResumStatus" field="ResumStatus" width="100" headerAlign="center" >状态
</div>
<div name="manage" field="manage" width="100" headerAlign="center" allowSort="true">管理操作
</div>
var grid=mini.get("datagrid1");
grid.load();
grid.on("drawcell",function(e){
var record = e.record,
column = e.column,
field = e.field,
value = e.value;
if(column.name=="Resum"){
e.cellStyle = "text-align:center;";
e.cellHtml = '<a href="javascript:ss()">['+value+']</a>';
}
if(field=="ResumStatus"&&value=="新建"){
record.manage = '<a href="javascript:manage1()">初审通过</a> <a href="javascript:manage2()">初审不通过</a>';
}
if(field=="ResumStatus"&&value=="初审通过"){
record.manage = '<a href="javascript:manage3()">面试通过</a> <a href="javascript:manage4()">面试不通过</a>';
}
});
作者:
niko
时间:
2012-8-10 12:54:28
不错,领悟了。
欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)
Powered by Discuz! X2