jqGrid中要添加自定义列,并且支持自定义数据对应显示!

jqGrid中要添加自定义列,并且支持自定义数据对应显示!,第1张

这里只提供实现思路:

jqgrid中的colNames,后面是一个表头列名数组,此数组可以从调用这个grid的函数参数中传进去,意味着,可以写一个数组,存一部分固定列,然后通过ajax请求去数据库中查出自定义列,放到固定列的后面。这样我们就拼装起了这个表头数组。

jqGrid中的colModel字段的长度必须和colNames一样,并且也是可变的。意味着这个也需要从参数中传过来,也需要在js中拼装这样一个对象数组。

至于自定义数据对应显示。这个在js里面的接受的属性叫jsonReader。用root来接受Action中返回的拼装Json字符串

在后台Action中,需要将固定列和对应的属性值,自定义列和对应的属性值。使用Gson,拼装成Json数据对象,然后传到前台。

单选按钮的选中与取消选中,是元素自带的属性checked来实现的

一般情况下:

这个方法就可以满足实现将其第一个单选按钮选中。

但是如果这个是根据后台传到页面的值来实现的一个动态单选按钮选中。

下一次再赋值选中时可能会造成多个单选按钮都被选中。

页面就识别不出来应该将哪一个单选元素选中。

当然这时可以使用:

然后再将需要的单选元素选中。

但是可能会出现BUG,页面上虽然单选元素的属性是被checked了的(chrome F12查看)。

但是效果没有体现出来。

这是为什么呢?

其实很简单,一开始实现选中与取消选中的方式就错误了

正确的姿势是:

这是因为prop才是官方推荐的 *** 作元素的固有属性,比如input标签的id/class/type/style等等

而attr更多的是用来 *** 作元素的自定义属性

input标签checkbox多选框设定required属性,提示请选择一项,至少选择一项才可以提交,现在问题是我选择第一个后,它继续提示请选择第二个多选框,一直到最后一个全选才能提交,怎样设置选择1个后就能提交表单

<label><input type="checkbox" value="" />企业品牌&nbsp;&nbsp;</label><label><input type="checkbox" value="" />地段位置&nbsp;&nbsp;</label>

<label><input type="checkbox" value="" />周边配套&nbsp;&nbsp;</label>

<label><input type="checkbox" value="" />项目规模&nbsp;&nbsp;</label>

<label><input type="checkbox" value="" />景观规划&nbsp;&nbsp;</label>

<label><input type="checkbox" value="" />户型产品&nbsp;&nbsp;</label>

<label><input type="checkbox" value="" />销售价格&nbsp;&nbsp;</label>

<label><input type="checkbox" value="" />销售证件&nbsp;&nbsp;</label><span class="myreq" style="color:red;visibility:hidden;">X 请选择一项</span>

</div>

<input type="button" onclick="fnRequired()" value="确定" />

<script type="text/javascript">

// required 是 指 这 选项 必须 要 填 但是 你 要 全部 选择 都 没选 才 提示 而且 还 固定 性的 比如 你 给 第一个 加 那 就得 选 这个  所以 并不 适合 给 复选框 加 这 属性 所有 还是 自定义 加 提示的 好 你 可以 改 一下

function fnRequired(){

var b = []somecall(documentquerySelectorAll('label>input[type="checkbox"]'),function(e){

return echecked;

});

documentquerySelector('myreq')stylevisibility = b 'hidden' : 'visible';

}

</script>

以上就是关于jqGrid中要添加自定义列,并且支持自定义数据对应显示!全部的内容,包括:jqGrid中要添加自定义列,并且支持自定义数据对应显示!、JQ 控制单选款选中和取消选中、JQuery怎样给某个input元素设置required属性让它必填等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9622932.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存