EasyUI Combobox 級聯查詢
在維護市委組織部專案的時候,使用了級聯組合框,維護的時候是Asp.net,純三層架構+Aspx頁面+ashx(一般處理程式),在重構市委組織部專案的時候,用到了ITOO的框架,在ITOO4.1專案中熟悉了基本的框架,組織部專案中搭了三次框架,對框架的理解更深刻了一些;
ITOO框架,前臺使用MVC,在頁面cshtml和Controller之間傳值,實現級聯組合框,程式碼和維護時候的一樣;
前臺頁面程式碼:
單位類別:
<input id ="unitCategory" class="easyui-combobox" name ="cc" data-options="
method:'get',
valueField:'id',
textField:'text',
url:'/CadresRate/queryCategory',
panelHeight:'auto',
onSelect:function(rec) //rec表示被選擇的內容,把id值傳到controller中;
{
var url ='/CadresRate/queryUnitName?id=' +rec.id ;
$('#unitName').combobox('reload',url); //重新載入單位名稱的組合框;
}
"/>
單位名稱
<input id ="unitName2" class ="easyui-combobox" name ="cc" data-options="
panelHeight:'auto',
valueField:'id',
textField:'id'
" />
Controller中程式碼:
頁面載入查詢出所有的單位類別;
#region queryCategory + 查詢單位型別 範曉權 2016年2月26日
/// <summary>
/// 查詢單位型別;
/// </summary>
/// <returns></returns>
public JsonResult queryCategory()
{
//定義一個字典的ViewModel
BasicDictionaryViewModel vBasicDictionary = new BasicDictionaryViewModel()
{
//表示設定vBasicDictionary.DictionaryType = 5
DictionaryType = 5
};
//呼叫伺服器的查詢型別的方法;
List<BasicDictionaryViewModel> basicDictionary = IBasicDictionary.queryType(vBasicDictionary);
//選擇字典id 和 基礎資訊
var unitCategory = from c in basicDictionary
select new
{
id = c.DictionaryName,
text = c.BasicInfoType
};
return Json(unitCategory, JsonRequestBehavior.AllowGet);
}
#endregion
<pre name="code" class="csharp"> #region queryUnitName 根據單位類別查詢單位名稱;
/// <summary>
/// queryUnitName
/// </summary>
/// <returns></returns>
public JsonResult queryUnitName()
{
string type = Request["id"].ToString();
//
if (type == "xsq")
{
List<CityBasicInfoViewModel> cityBasicInfoList = ICityBasicInfo.queryAllCity();
var tempCityBasicInfoList = from c in cityBasicInfoList
select new
{
id = c.CityID,
text = c.CityName
};
return Json(tempCityBasicInfoList, JsonRequestBehavior.AllowGet);
}
else if (type == "szdw")
{
List<UnitBasicInfoViewModel> unitBasicInfoList = IUnitBasicInfo.queryAllUnit();
var tempUnitBasicInfoList = from p in unitBasicInfoList
select new
{
id = p.UnitID,
text = p.UnitName
};
return Json(tempUnitBasicInfoList, JsonRequestBehavior.AllowGet);
}
else if (type == "kfq")
{
List<DevelopmentBasicInfoViewModel> developmentBasicInfoList = IDevelopmentBasicInfo.queryAllDevelopment();
var tempDevelopmentBasicInfoList = from a in developmentBasicInfoList
select new
{
id = a.DevelopmentID,
text = a.DevelopmentName
};
return Json(tempDevelopmentBasicInfoList, JsonRequestBehavior.AllowGet);
}
else
{
return null;
}
}
效果圖:
總結:
舉一反三,根據二級的級聯選單,可以發展為N級的級聯,省,市,縣也是級聯中經常用到的,多實現,積累自己的程式碼庫,很重要。經常用到的內容就收藏或者寫出來;
相關文章
- EasyUI--comboboxUI
- extjs Combobox級聯JS
- easyUI combobox 新增空白項UI
- Hierarchical Queries 級聯查詢(樹狀結構查詢)
- easyui combobox 中實現 checkboxUI
- MyBatis(六) sql片段定義、級聯查詢、巢狀查詢MyBatisSQL巢狀
- 如何實現引數級聯查詢
- easyui中的combobox小知識點~~UI
- C# Winform ComboBox模糊查詢實現C#ORM
- jQuery EasyUI的combobox元件用法相關介紹jQueryUI元件
- MySQL聯結查詢和子查詢MySql
- springDataJpa多表級聯查詢(@ManyToOne @OneToOne)Spring
- mysql 各種級聯查詢後更新(update select).MySql
- easyui-combobox設定option內容不換行UI
- 區分關聯子查詢和非關聯子查詢
- exist-in和關聯子查詢-非關聯子查詢
- MyBatis關聯查詢MyBatis
- thinkphp關聯查詢PHP
- 解決 mybatis一對多分頁問題 聯級查詢MyBatis
- jpa動態查詢與多表聯合查詢
- 關聯查詢子查詢效率簡單比照
- easyui利用combobox實現下拉框簡單介紹UI
- EasyUI的combobox預設值容易出錯地方介紹UI
- easyui的treegrid的級聯勾選子節點,或者級聯勾選父節點UI
- Mongodb 關聯表查詢MongoDB
- MySQL多表關聯查詢MySql
- JPA多表關聯查詢
- thinkPHP多表聯合查詢PHP
- 關聯查詢時使用樹狀查詢要小心
- 使用cglib實現資料庫框架的級聯查詢CGLib資料庫框架
- MyBatis初級實戰之五:一對一關聯查詢MyBatis
- MyBatis初級實戰之六:一對多關聯查詢MyBatis
- 總結DetachedCriteria級聯查…
- JPA 之 多表聯合查詢
- mysql 三表關聯查詢MySql
- SQL 三表聯合查詢SQL
- 按月分表聯合查詢
- mysql三表關聯查詢MySql