修改查看功能的通用代码以及选中数据的获取

最新推荐文章于 2021-06-18 01:25:11 发布

原创最新推荐文章于 2021-06-18 01:25:11 发布 · 249 阅读

0 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

5 篇文章

订阅专栏

bootstrap

4 篇文章

订阅专栏

本文探讨了使用JavaScript处理表单元素，包括数据填充、选择框状态设置及表单元素的禁用与启用。通过具体代码示例，展示了如何根据返回结果动态更新表单字段，以及如何在不同功能下（如查看或编辑）调整表单元素的状态。

	function getitemcallback(returnResult){
	   $('#item_form').find('[name]').each(function() {
		        var type = $(this)[0].nodeName.toLowerCase();
		        var name = $(this).attr('name');
		        if(type =="select"){
		        	$("#item_form " + type+"[name='"+name+"']").selectpicker('val',returnResult.data[0][''+name+'']);
		        }else{
		        	$("#item_form " + type+"[name='"+name+"']").val(returnResult.data[0][''+name+'']);	
		        }
		        //数据不能修改只能查看适用于查看功能
		        $("#item_form " + type+"[name='"+name+"']").attr("disabled","true");
		        //数据可以修改适用于修改功能
		          $("#item_form " + type+"[name='"+name+"']").removeAttr("disabled");
		    });

	    $('#addItemModel').modal('toggle');
	}

	//打开一个新的模态框时移除不可修改
	$('#contact_form').find('[name]').each(function() {
	    var type = $(this)[0].nodeName.toLowerCase();
	    var name = $(this).attr('name');
	    $("#contact_form " + type+"[name='"+name+"']").removeAttr("disabled");
	});

	//判断是否选中
	 function userstateFormatter(value, row, index) {
	      if (row.rowstate == true){
	          return {
	              checked : true//设置选中
	          };
		   }else{
		          return {
		              checked : false//设置选中
		          };
		   }
	  }

	//将选中的内容进行赋值
	$("#selectUserButton").click(function(){
		var userNames=new Array();
		var userIds = new Array();
		var selectRows = $("#usertable").bootstrapTable("getSelections");
		for(var row in selectRows){
			userNames.push(selectRows[row].userName);
			userIds.push(selectRows[row].id);
		}
		if(openUserDialogType == 'developer'){
			$("#developerName").val(userNames.join("/"));
			$("#developerId").val(userIds.join(","));
		}else if(openUserDialogType == 'acceptance'){
			$("#acceptanceName").val(userNames.join("/"));
			$("#acceptanceId").val(userIds.join(","));
		}
	})