JQuery常用的HTML页控制取值、赋值

xiaoxiao2021-02-27  279

1,关于tab页签

获取当前页签的属性:

 

var tabsSelect=$("#easytabs").tabs("getSelected"); var title=tabsSelect.panel('options').title;//获取面板标题

 

新增一个页签:

 

function add_Page(){//常规库存-我申请调剂的车辆 var title="协议详情"; if (!$("#easytabs").tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab $("#easytabs").tabs('add', { title: title, content: '<iframe scrolling="no" frameborder="0" src="/detail.do" style="width:100%;height:100%;"></iframe>', closable: true, }); } }

 

 

 

2,关于常见控件的取值、附默认值

 

checkbox、radio:

$("input:radio[name='name']").eq(0).attr("checked",'checked');//选中radio组的第一个元素

$("input:radio[name='name']:checked").val();//取出radio组中被选中的元素值

备注:其他的,一般来说,val()是万能的。实在解决不了了,还有attr(属性名,属性值)

3,关于表单

清除:$('#mysearch').form('clear');

序列化:$("#mysearch").serialize();

清空:$('#mysearch').get(0).reset(); //清空表单数据  

4,联动

 

function getProvince(){//加载省份信息 $("#D_Province").combobox({ url:'dealerstock/getProvince.do', valueField:'z_Code', textField:'z_Name', onChange:function(){//级联加载市区信息 var provinceCode=$("#D_Province").combobox("getValue"); $("#D_City").combobox("clear"); $("#D_County").combobox("clear"); $("#D_City").combobox({ url:'dealerstock/'+provinceCode+'/getCity.do', valueField:'z_Code', textField:'z_Name', onChange:function(){//级联加载县区信息 var cityCode=$("#D_City").combobox("getValue"); $("#D_County").combobox({ url:'dealerstock/'+cityCode+'/getCountry.do', valueField:'z_Code', textField:'z_Name', }); } }); } }); }

 

 

 

5,datebox、下拉框

 

datebox:

 

$('#yourId').combo('setText',''); //清空、赋值 $("#yourId").datebox({"required":true}); //必填 $("#yourId").datebox("getValue"); //取值

 

下拉框:

 

$("#D_Province").combobox("getValue"); //取ID $("#D_Province").combobox("getText");//取文本

 

 赋值:参考第4中的级联

6,关于表格

获取选中行数据:

 $('#ID').datagrid('selectRow', index);   var row = $('#ID').datagrid('getSelected');//获取选中行

根据条件输出:

 

formatter:function(value,row,index){ if(row.c_BottomNo!=null && row.c_BottomNo!=""){ return "待审核"; }else{ return "待解决"; } if(row.s_IsAudit==1){ return "已调剂"; }else{ return value;} }

注意:如果对这一列显示的数据有了限定,除了写满足条件的返回值,也要写不满足条件的返回值,就是通常的else,不然,它是不会在不满足条件时显示默认值的。

 

 

7,关于一些注意事项

7.1,在用从后台获取到的对象为页面赋值的时候,一定要进行判空处理。PS:其实,最好的方法,是后台不传递空值过来。    当用空值进行赋值时,IE会报错,并且会影响接下来的函数执行。

7.2,在每个节点的最后一个元素后面,不要加逗号。不然,IE打开,可能会出乎意料。比如: {field:'c_BottomNo',title:'底盘号',width:100,align:'center', } center后面的逗号,去掉吧。这只是一个比较简单的例子,其他的类似。比如用ajax传值的时候,最后一个参数后面等等等等。

7.3,在使用springmvc的@RequestBody从接收从前台往后台的参数时,一定别忘记了在前台设置contentType。

7.4,在重复利用弹出框,然后给控件绑定事件时,一定要先解绑再绑定,比如:$("#result").unbind("click").click(function(){});   不然,你就会发现后台的一个某一个方法,被重复请求好多次,所有你点过的,有这个弹出框的,都被触发了这个单击事件。

7.5,在给元素赋值的时候,也跟事件绑定同样的道理,最好是先移除再添加,先隐藏、赋值再显示。

 

好了,今天就先这样吧,出去散会儿步,修炼点沧桑感出来。

 

 

转载请注明原文地址: https://www.6miu.com/read-5494.html

最新回复(0)