jeesite 前端一些问题

最新推荐文章于 2021-06-02 15:58:12 发布

Yang950831

最新推荐文章于 2021-06-02 15:58:12 发布

阅读量1.8k

点赞数

分类专栏： jeeSite4

本文链接：https://blog.youkuaiyun.com/Yang950831/article/details/86077637

版权

jeeSite4 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用前端技术实现表格动态操作的方法，包括动态获取下拉框和复选框的值、动态显示或隐藏表格列、给表格下拉框赋值、解除单元格只读状态及总计行计算等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.<#form:treeselect> 动态获取不到值 --> $("#fbaseproperty").val()

<#form:treeselect id="fbaseproperty" title="${text('物料分类选择')}"
		path="fbaseproperty.id" labelPath="fbaseproperty.fname"
		url="${ctx}/aa/bb/treeData" btnClass="btn-sm"
		class="required width-120" allowClear="true"/>

解决办法：在id后面拼接上Code

$("#fbasepropertyCode").val()

2..<#form:checkbox> 动态获取不到值 --> $("#summaryConditions").val()

<div class="form-group">
	<label class="control-label">${text('汇总条件')}：</label>
	<#form:checkbox  path="summaryConditions" dictType="poorder_summary_conditions"  class="form-control" />
</div>

解决办法

$("input[name='summaryConditions']:checkbox").each(function(){
	          (this).value
		})

3.datagrid 动态隐藏和显示指定列

{header:'${text('供应商')}', name:'fsupplierid',hidden:true, width:100, align:"center"},

//显示
$('#dataGrid').setGridParam().showCol("fsupplierid").trigger("reloadGrid");

//隐藏	            
$('#dataGrid').setGridParam().hideCol("fsupplierid").trigger("reloadGrid");

4.#form：select 动态赋值

<div class="col-xs-6">
								<div class="form-group">
									<label class="control-label col-sm-4" title="">
										<span class="required hide">*</span> ${text('品牌')}：<i class="fa icon-question hide"></i></label>
									<div class="col-sm-8">
										<#form:select path="fbrand" dictType="material_brand" blankOption="true" class="form-control" />
									</div>
								</div>
							</div>
							<div class="col-xs-6">
								<div class="form-group">
									<label class="control-label col-sm-4" title="">
										<span class="required hide">*</span> ${text('生产车型')}：<i class="fa icon-question hide"></i></label>
									<div class="col-sm-8">
										<div class="input-group">
											<#form:hidden path="fvehicletype.id" />
					                        <#form:input id="fvehicletype" class="form-control" type="text" readonly="true" onclick="vehicletypeSelect()" path="fvehicletype.fname"/>
					                        <span class="input-group-btn"><a href="javascript:vehicletypeSelect()" class ="btn btn-default" ><i class="fa fa-search"></i></a></span>
										</div>
									</div>
								</div>
							</div>

通过$("#aa").val("aa") 无法成功赋值

解决方法：

$.ajax({        //根据生产车型获取对应品牌
        url:"${ctx}/base/vehicletype/findListByid",
        async: false,
        data: {id:data.id},
        success: function(data){
        	$('#fbrand').select2().select2('val', data.fbrand);
        }
     })

4.1 给dataGrid 中下拉框赋值

  $("#"+G_RowID+"_fisjump").val(Number(data[0].fisjump)).select2();

5.解除只读：指定行，指定参数的只读

实现效果:

实现代码如下：

{header:'${text('经济批量')}', name:'feoq', width:110, editable:true, edittype:'text', editoptions:{'class':'form-control number', 'readonly':'true',}},
 {header:'${text('计划数量')}', name:'fqty', width:110, editable:true, edittype:'text', editoptions:{'class':'form-control number', 'readonly':'true'}},

var tempList = $("#dataGrid").dataGrid('getDataIDs');
//解除只读
	$("#"+ tempList[tempList.length-1] +"_fqty")[0].readOnly=false; 
	$("#"+ tempList[tempList.length-1] +"_feoq")[0].readOnly=false;

对操作列隐藏按钮图标操作  例子如下：
     $("#"+行号).find("td").eq("第几列").find("a#"+G_RowID+" i").addClass("hide")
    $("#"+G_RowID).find("td").eq(42).find("a#"+G_RowID+" i").addClass("hide")

6.html 获取系统中的参数设置中的参数

  var packageCtrl = '${@Global.getConfig("pack.iscontrol")}';

说明 ：var packageCtrl = '${@Global.getConfig("参数键名")}';

7、清空dataGrid 所有行

   $('#dataGrid').jqGrid('clearGridData');

8、合计行

gridComplete: function () {
         var a = $("#dataGrid").getCol('fprice', false, 'sum');
         $("#dataGrid").footerData('set', {'fmaterialid.fnumber':'合计',fprice:a});
 	}


其中：  var a = $("#dataGrid").getCol('合计列', false, 'sum');