`
annan211
  • 浏览: 461067 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

easyui linkbutton 由上选择到下 自由选择

 
阅读更多
// 编辑通知书点击事件 begin
		$(function(){
			//选择并添加名称为PRODUCT_ID的LINKBUTTON按钮
			$("#btnEdit").click(function(){
				var procudut_id = [];
				var rows = $('#guestDatagridEdit').datagrid('getSelections');//从datagrid获取选择的数据列
				if(rows!=null&&rows!=""){
					for(var i=0; i<rows.length; i++){
						index++;
						var row = rows[i];
						procudut_id.push(row.name);
						map_idtoproduct.put(row.name,row.obid);
						selection_id.push(row.obid);
						var btnid = "btn_" + index;
						var linkButton = "<a id ="+btnid+" class ='lbt'></a>";
						$('#link_button_areaEdit').append(linkButton);
						$("#"+btnid).linkbutton({
							iconCls : 'icon-search',
							text : procudut_id[i]
						});
					}
					}
				for(var i=0; i<map_idtoproduct.length; i++){//从ajax请求回的map中获取数据
					index++;
					var row = map_idtoproduct[i];
					procudut_id.push(row.key);
					map_idtoproduct.put(row.key,row.value);
					selection_id.push(row.value);
					var btnid = "btn_" + index;
					var linkButton = "<a id ="+btnid+" class ='lbt'></a>";
					$('#link_button_areaEdit').append(linkButton);
					$("#"+btnid).linkbutton({
						iconCls : 'icon-search',
						text : procudut_id[i]
					});
				}
			})
				var length = 0;
				$(".2bt").live("click", function(){
					var v = $(this).attr('id');
					var product_name = $(this).text();
					linkbutton_id[length] = map_idtoproduct.get(product_name);
					$.messager.confirm('请确认', '您要删除所选择的'+product_name+'?', function(r) {
						if (r) {
							//alert(map_idtoproduct.get(product_name) + "12w3");
							click_remove.push(map_idtoproduct.get(product_name));//将用户点击的并且打算去除的贵宾Id放入数组
							$('#'+v).remove();
						}else{
							return;
						}
					});
					length++;
				})

		})
		// 编辑通知书点击事件 end




分享到:
评论

相关推荐

    easyui 日期控件选择到月份

    easyui日期控件只选择到月份,保存记录一下。 &lt;input id="month" class="easyui-datetimebox" name="month" data-options="required:true,formatter:myformatter,parser:myParser" 160px" /&gt;

    easyui 日期选择器

    在实际应用中,日期选择器通常与后端数据进行交互,例如从服务器获取默认值或在提交表单时将选择的日期发送到服务器。这需要结合Ajax或其他数据绑定技术实现。 通过以上介绍,我们可以看到EasyUI日期选择器具有很强...

    jquery easyui 周历 周选择下拉控件

    以上便是关于“jquery easyui 周历 周选择下拉控件”的详细知识点介绍,这个控件的实现涉及到了组件扩展、事件处理、样式定制和配置选项等多个方面,充分展示了JavaScript和jQuery EasyUI在前端开发中的强大功能。

    easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格

    基于easyui-textbox的颜色选择器及源码

    在IT行业中,前端开发是至关重要的一环,而用户体验的优化往往体现在细节上,如颜色选择器的使用。本文将深入探讨基于EasyUI的TextBox颜色选择器及其源码,帮助开发者理解这一组件的工作原理并实现自定义功能。 ...

    前端easyUI日期选择器(日/周/月)示例

    前端jquery+easyUI实现的日期选择器。 博文地址:https://blog.csdn.net/wanghuiWHI/article/details/135648572 Demo简要: 1.日期选择器可以提供日选择器、周选择器、月选择器 2.日选择器最大31天,选择起始日期后...

    easyui datagrid实现实现上下左右和回车切换单元格

    根据提供的文件信息,本文将详细解释如何在EasyUI DataGrid中实现上下左右及回车键切换单元格的功能。EasyUI 是一个基于 jQuery 的用户界面插件集合,它提供了丰富的 UI 组件来帮助开发者快速构建现代化的 Web 应用...

    easyUI系列图标大全

    在实际应用中,开发者可以通过简单的CSS类名或者JavaScript API来引用这些图标,轻松地将它们集成到EasyUI的组件中,比如按钮、菜单、工具栏等。这种方便的集成方式降低了开发成本,提高了开发效率。 总之,"easyUI...

    easyUI系列图标大全.7z

    EasyUI是一款基于JavaScript的轻量级用户界面框架,主要用于构建现代Web应用。它提供了一套完整的组件,包括布局、表格、表单、菜单、对话框等,极大地简化了前端开发工作。然而,EasyUI自带的图标集可能无法满足...

    在easyui-combobox多选模式下加入选择所有选项

    总之,通过结合EasyUI的Combobox组件和自定义的JavaScript代码,我们可以轻松实现多选模式下的“选择全部”功能,为用户提供更便捷的操作体验。在开发过程中,理解并熟练运用此类组件和技巧,对于提升Web应用的用户...

    easyui的datebox限定范围

    在使用EasyUI框架进行前端开发时,DateBox组件是一个非常常用的日期选择工具,它提供了方便的日期输入和选择功能。本篇文章将详细讲解如何利用EasyUI的DateBox组件设定日期范围,确保用户选择的开始时间和结束时间...

    easyui前台页面可选择生成quartz corn表达式

    用户在EasyUI页面上输入或选择的这些表达式会被传递到后台,供Quartz解析并用于设定作业的执行计划。 在实际应用中,项目可能使用Servlet来处理前端提交的CRON表达式请求。Servlet是Java Web开发中的一个组件,它...

    Jquery EasyUI 日历Demo

    JQuery EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了一系列的 UI 组件,如对话框...无论是在表单中选择特定日期,还是在其他场景下需要日期选择功能,JQuery EasyUI 的日历组件都是一个高效且实用的解决方案。

    EasyUI在Panel上动态添加LinkButton按钮

    Easyui的panel面板,在panel的面板中动态添加Linkbuton按钮的编辑方法,下面把实现思路及代码记录到脚本之家平台,供大家参考

    一个基于easyui的多人选择插件

    标题中的“一个基于easyui的多人选择插件”指的是一个使用EasyUI框架创建的特定功能组件,用于在网页上实现多选操作。在许多业务场景中,如用户管理、角色分配或者权限设置等,需要用户能够一次性选择多个项目,这样...

    EasyUI tutorial 中文版 chm

    easyUI 添加CheckBox选择到DataGrid easyUI自定义DataGrid分页栏 启用DataGrid行内编辑器 继承扩展DataGrid的editors easyUI在可编辑的datagrid中计算两列的值 easyUI合并DataGrid单元格 easyUI为...

    easyui级联选择

    通过服务器后台传来的json数据,进行前台组织或人员的选择

    easyUI点击按钮后上下移动功能

    (0)" class="easyui-linkbutton" onclick="moveRow('up')"&gt;上移 (0)" class="easyui-linkbutton" onclick="moveRow('down')"&gt;下移 var data = [ // JSON 数据对象列表 ]; $(function(){ $('#dg')....

    easyui datagrid 数据导出到Excel

    下面将详细介绍两种有效的方法来实现EasyUI Datagrid数据导出到Excel的功能,并结合提供的文件名来推测具体实现步骤。 **方法一:使用JavaScript库(例如wxport)** 文件`wxport excel.txt`可能包含了使用wxport库...

    easyUI datagrid 行上移,下移,置顶,置底的方法

    easyUI datagrid 行上移,下移,置顶,置底的方法

Global site tag (gtag.js) - Google Analytics