找回密码
 立即注册

QQ登录

只需一步,快速开始

xuxs

高级会员

50

主题

138

帖子

1086

积分

高级会员

积分
1086

活字格认证微信认证勋章

xuxs
高级会员   /  发表于:2018-5-28 13:31  /   查看:4017  /  回复:4
我想在前台通过js根据条件隐藏某些符合条件的行,请问有此功能的js函数吗

4 个回复

倒序浏览
JeffryLI
葡萄城公司职员   /  发表于:2018-5-28 14:56:14
沙发
您好,在前端没有相应的方法,只能从后端去解决,还有我看您最近前端的操作比较多,可以看看wijmojs 是否能满足您要求,Wijmojs 是纯前端控件。希望能帮到您。
请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
xuxs
高级会员   /  发表于:2018-5-28 15:09:17
板凳
恩,前端操作确实很多,另外我一直在参考wijmo-js的 api文档,只有里面确实没有说明的我才会发到论坛上来
回复 使用道具 举报
xuxs
高级会员   /  发表于:2018-5-28 15:18:41
地板
关于这个问题我自己研究找到了一个方式不知道会不会有问题:
如果想要隐藏gridview中的符合条件的某些行 可以这样做:
首先通过jquery选取符合条件的所有行,这里的选取是根据数据来的,比如单元格中有一个叫区分的字段,用asp.net label控件绑定数据来显示的
  1. <ItemTemplate>
  2.     <asp:label id="qufen" Text='<%# Eval("区分")%>'></asp:label>
  3. </ItemTemplate>
复制代码

那么可以通过 jquery的模糊选择器选择所有的区分:
  1. $('c1gridview1 span[id*='qufen']')
复制代码

然后进行遍历判断符合条件的区分行显示,不符合条件的区分行隐藏:
  1. $('c1gridview1 span[id*='qufen']').each(function(){
  2.     var qufen = $(this).text();
  3.     if(qufen=='1'){
  4.         $(this).parents('tr').show();
  5.     }else{
  6.         $(this).parents('tr').hide();
  7.     }
  8. });
复制代码


通过以上方法就能够任意显示或者隐藏对应行了。目前没有发现什么问题,供需要此功能的人参考

评分

参与人数 1金币 +200 收起 理由
JeffryLI + 200 很给力!

查看全部评分

回复 使用道具 举报
JeffryLI
葡萄城公司职员   /  发表于:2018-5-28 16:22:09
5#
看着没什么问题,

评分

参与人数 1满意度 +5 收起 理由
xuxs + 5 很给力!

查看全部评分

请点击评分,对我5分评价,谢谢!

葡萄城控件服务团队
官方网站: https://www.grapecity.com.cn/developer
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部