文档章节

easyui dialog插件

赵作文
 赵作文
发布于 2015/11/16 11:42
字数 388
阅读 67
收藏 0

1:html代码:

   

<div id="manufactureTableToolBar">
		<a href="#" onclick="showManufactureDialog()" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">新增</a>
	</div>
	
<div id="manufactureModal" class="easyui-dialog" title="My Dialog" style="width:600px; height:700px;"
	data-options="modal:true,buttons:'#manufactureDialogButtons',closed:true,">
	<div class="dialog-body">
		<form id="manufactureForm" method="post" style="padding-left:20px">
		   <input type="hidden" name="id" id="idHidden">
		   <input type="hidden" name="manufactureImage" id="manufactureImageHidden">
			<table class="formtable">
				
				<tr style="height:50px;">
					<td><label for="manufactureName">制造商名称:</label></td>
					<td><input type="text" name="manufactureName" class="easyui-textbox" data-options="width:250,required:true,validType:['length[0,200]']" /></td>
				</tr>
				<tr style="height:50px;">
					<td><label for="manufactureNameEn">制造商英文名称:</label></td>
					<td><input type="text" name="manufactureNameEn" class="easyui-textbox" data-options="width:250,validType:['length[0,200]']" /></td>
				</tr>
				<tr style="height:50px;">
					<td><label for="manufactureWebsite">制造商网站:</label></td>
					<td><input type="text" name="manufactureWebsite" class="easyui-textbox" data-options="width:250,validType:['length[0,500]']" /></td>
				</tr>
				
				<tr style="height:100px;">
					<td><label for="manufactureImage">制造商图片:</label></td>
					<td>
					   
					  <input id="manufactureImageFileInput" type="file"/>
					  <img src="" style="display:none;width:100px;height:100px;" id="manufactureImageShow" class="tip"/>
					</td>
				</tr>
				
				<tr style="height:50px;">
					<td><label for="status">状态:</label></td>
					<td>
					  <select id="statusOptionForSaveOrUpdate" class="easyui-combobox" name="status" data-options="width:250,required:true">
					     <option value="-1">----请选择----</option>
					     <option value="0">未激活</option>
				         <option value="1">已激活</option>
				 	 </select> 
					</td>
				</tr>
				
				<tr style="height:50px;">
					<td><label for="manufactureWebsite">商品分类:</label></td>
					<td><ul id="categoryListTree" class="easyui-tree" data-options="url:'${rc.contextPath}/category/getCategoryList.html?parentId=0',checkbox:true"></ul></td>
				</tr>
			</table>
			<div id="manufactureDialogButtons">
				<a href="#" id="btnSaveManufacture" data-options="iconCls:'icon-save'" onclick="submitManufactureForm()" class="easyui-linkbutton">确认</a> <a
					href="#" id="backbtn" onclick="closeManufactureDialog()" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'"
				>取消</a>
			</div>
		</form>
	</div>
</div>

 2:js代码:

    

function showManufactureDialog(rowIndex, rowData) {
 var manufactureModal = $('#manufactureModal');
 var manufactureForm = $('#manufactureForm');
 var manufactureImageShow=$("#manufactureImageShow");
 if (rowData) {
 manufactureModal.dialog({
 title : "编辑制造商"
 });
 manufactureForm.form('load', rowData);
 manufactureImageShow.attr("src",rowData.manufactureImage);
 manufactureImageShow.show();
 
 } else {
 manufactureModal.dialog({
 title : "新增制造商"
 });
 manufactureForm.form('clear');
 manufactureImageShow.attr("src","");
 manufactureImageShow.hide();
 }
 //获取分类选项并选中它
 selectedCategory(rowData);
     
 
 
 manufactureModal.dialog("open");
 }


© 著作权归作者所有

赵作文
粉丝 1
博文 23
码字总数 5827
作品 0
上海
后端工程师
私信 提问
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug window: Cannot resize the window with iframe content. fixed. tree: The node will be removed when dragging to its child. fixed. combogrid: T......

ejzhang
2011/04/26
6.2K
3
easyui dialog自定义可拖曳

看到标题的朋友一定会觉得本人很奇怪,easyui的dialog不是自带可拖曳的属性吗。是的,dialog继承了Window的一个属性draggable,设为true之后,窗口便可以拖曳。事实是,一,easyui的draggab...

MissGu
2015/04/12
3.2K
0
jQuery EasyUI快速入门实战教程(一)-入门

1、jQuery EasyUI概述 jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,...

神码小风
2018/06/28
0
0
easyui的datagrid中对记录修改,修改后如何显示在前台??

获取修改的记录,修改后按确定后触发editUser(): function editUser(){ var row = $('#dg').datagrid('getSelected'); if (row){ $('#bian').dialog('open').dialog('setTitle','编辑账户'......

你我共享世界美好
2014/05/12
2.6K
2
我觉得jwwui就是抄袭easyui,大家有什么要说的

我这个人吧,就是爱较真。不骗别人,也不喜欢被别人骗。本来呢,我觉得jwwui就算是照着easyui抄出来的,作者也是一个牛逼的人物,毕竟那么多代码,又是不好整理结构的javascript。 但是呢,毕...

纠结名字
2015/01/16
6.5K
42

没有更多内容

加载失败,请刷新页面

加载更多

链表中环的入口节点

给一个链表,若其中包含环,请找出该链表的环的入口结点,否则,输出null。 思路: public ListNode EntryNodeOfLoop(ListNode pHead) { if (pHead == null || pHead.next == null) ...

Garphy
35分钟前
5
0
Spring5 源码分析-容器刷新-invokeBeanFactoryPostProcessors()方法

上一篇:Spring5 源码分析-容器刷新-prepareBeanFactory()方法 该方法主要完成以下功能: 1.实例化ConfigurationClassPostProcessor,并调用ConfigurationClassPostProcessor.postProcessBe...

特拉仔
35分钟前
5
0
为什么MySQL用B+树做索引

索引这个词,相信大多数人已经相当熟悉了,很多人都知道MySQL的索引主要以B+树为主,但是要问到为什么用B+树,恐怕很少有人能把前因后果讲述的很完整。本文就来从头到尾介绍下数据库的索引。...

小致Daddy
今天
8
0
网站前台的三级联动数据封装

我在进行项目时候遇到了一个进行数据封装的一个功能,进行数据的封装的功能也挺复杂,来回试了好几十种方法.最后使用的是这种方法. 使用一个pojo进行封装两个数据,一个是list一个是实体类. 具体...

小天丶羽
今天
5
0
创龙基于TI AM437x ARM Cortex-A9 + Xilinx Spartan-6 FPGA的SPI FLASH、硬件加密芯片

TL437xF-EVM是一款广州创龙基于TI AM437x ARM Cortex-A9 + Xilinx Spartan-6 FPGA设计的开发板,底板采用沉金无铅工艺的4层板设计,尺寸为240mm*130mm,它为用户提供了SOM-TL437xF核心板的测...

Tronlong创龙
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部