树形下拉框实现 mini-treeselect

追求效率,直接进入主题吧…..

效果:

前台代码

<linkhref="../../_frontend/3rd/miniui/miniui.css"rel="stylesheet" />

<scriptsrc="../../_frontend/3rd/miniui/miniui.js"></script>

<input class="mini-treeselect" id="ipAJLY"runat="server" url="Data/AjaxService.ashx?method=GetEventSource&userid="textfield="" valuefield="" parentfield=""expand style="width: 100%;" />

简析:

Textfield:显示文本值

valuefield:id

parentfield:父类编码

expand 默认全部展开

 

后台代码

需要添加Newtonsoft.Json.dll引用

添加一般处理程序 AjaxService.ashx

public voidProcessRequest(HttpContext context)

{

context.Response.ContentType ="text/plain";

string method =context.Request.GetRequestValueByParam("method");

if (method.ToLower() == "GetEventSource".ToLower())

{

GetEventSource(context);

}

}

public voidGetEventSource(HttpContext context)

{

DataTable dt = new DataTable();//获取你需要绑定的数据

context.Response.Write(Newtonsoft.Json.JsonConvert.SerializeObject(dt));//序列化

}

mini-treeselect具体属性方法说明

参考网址:http://www.miniui.com/docs/api/index.html#ui=treeselect

时间: 2024-11-06 09:57:41

树形下拉框实现 mini-treeselect的相关文章

Vue实现树形下拉框

Vue自身并没有实现树形下拉框的组件,找了很多资料,最后在Github上找了个插件vue-treeselect,功能还是比较全的,模糊搜索.多选.延迟加载.异步搜索.排序,自定义.Vuex支持等等.这些功能在官网上都有详细的介绍: vue-treeselect官网: vue-treeselect vue-treeselect github地址: vue-treeselect 下面只做个简单的功能介绍,模糊搜索与树形结构展示: 当然,首先是下载安装插件: npm install --save @r

雷林鹏分享:jQuery EasyUI 表单 - 创建树形下拉框

jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务器. 在本教程中,我们将要创建一个注册表单,带有 name.address.city 字段.city 字段是一个树形下拉框(ComboTree)字段,在里面用户可以下拉树面板(tree panel),并选择一个特定的城市. 创建表单(Form) title="Register" butto

easyui-conbotree树形下拉框。。。转

最近一直在研究这个树形的下拉选择框,感觉非常的有用,现在整理下来供大家使用: 首先数据库的表架构设计和三级菜单联动的表结构是一样,(父子关系) 1.下面我们用hibernate建一下对应的额实体类: package com.hanqi.entity; //地区 实体类 public class Region { //地区id private String regionID; //地区名称 private String regionName; //上级id private String paren

EasyUI ComboTree(树形下拉框) 简单实例

前台: <input id="cc">   <script type="text/javascript"> $('#cc').combotree({ required: true }).combotree("tree").tree({ url: 'tree.ashx?id=0&state=closed', checkbox: false, onBeforeExpand: function (node, param)

EasyUI 37-ComboTree(树形下拉框)组件

ComboTree( 树型下拉框) 组件

本节课重点了解EasyUI中Tree(树)组件的使用方法, 这个组件依赖于Combo(下拉框)和 Tree(树)组件.一. 加载方式//class 加载方式<select id="cc" class="easyui-combotree" style="width:200px;"data-options="url:'tree.json',required:true"></select>//JS 加载方式&

ligerui多选动态下拉框

今天下午要求做一个支持多选的,并且插件用ligerui的,当时有点小懵了,因为没用过ligerui啊!而且按照API的介绍,我做得也很好啊,可是为什么就是显示不出来?据说有位小神比较厉害,请教来之,两个点过去了,依然无果................... 好吧,切入正题,首先要做一个ligerui的下拉框,必须在页面加载的时候就初始化一个下拉框来,要不你叫你妈来都不好使!(好吧,是我不会看API!) 先说说我现在的需求,我需要做一个类似于二级联动,有两个下拉框,一个是房屋类型,一个是房屋格局

jqgrid 表格中筛选条件的多选下拉,树形下拉 ;文本框清除插件;高级查询多条件动态筛选插件

/** * @@desc 文本框清除按钮,如果isAutoWrap为false当前文本框父级必须是relative定位,boostrap参考input-group * @@author bear.LEE <571115139#qq.com> * @@since 2018-08-21 **/ ; (function ($) { $.fn.extend({ addClearBtn: function (options, $o) { var deft = { symbolClass: "f

MiniUi绑定mini-combobox下拉框

一:最先开始使用json字符串绑定combobox [{"id":1,"value":"是","text":"是"},{"id":0,"value":"否","text":"否"}] 然后我忘记json字符串的格式了,id属性没有加"" ,combobox一直绑定不上数据,而且请注意tex