ZK学习博客http://minjiechenjava.iteye.com/category/110729
//前台页面的zul文件
=======================================================================================
userxml
<?xml version="1.0" encoding="utf-8"?>
<?page id="userPage"?>
<?xel-method prefix="c" name="hasPermission"
class="com.linktel.linkFax.web.zk.util.AuthorityTools"
signature="com.linktel.linkFax.web.zk.util.AuthorityTools hasPermission(java.lang.String)"?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" root="./userWin"?>
<window id="userWin" width="100%"
use="com.linktel.linkFax.web.zk.controller.UserController" xmlns:h="http://www.w3.org/1999/xhtml"
xmlns:n="http://www.zkoss.org/2005/zk/native" xmlns="http://www.zkoss.org/2005/zul"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd">
<listbox id="userLbx" model="@{userWin.userList}"
selectedItem="@{userWin.user}" onSelect="showUserEdit();"
fixedLayout="true" paginal="@{pagingUser}" >
<listhead>
<listheader label="用户名" align="center"></listheader>
<listheader label="手机号" align="center"></listheader>
<listheader label="分机号" align="center"></listheader>
<listheader label="职位" align="center"></listheader>
<listheader label="传真" align="center"></listheader>
<listheader label="启用状态" align="center"></listheader>
</listhead>
<listitem self="@{each=user}">
<listcell label="@{user.username}"></listcell>
<listcell label="@{user.phone}"></listcell>
<listcell label="@{user.exten}"></listcell>
<listcell label="@{user.position}"></listcell>
<listcell label="@{user.fax}"></listcell>
<listcell label="@{user.enabled,converter='com.linktel.linkFax.web.zk.converter.DataConverter'}"></listcell>
</listitem>
</listbox>
<paging id="pagingUser" pageSize="3"></paging>
<label value="公司名称:"></label>
<combobox id="cbxCom" model="@{userWin.companyList}">
<comboitem self="@{each=companyEdit}"
label="@{companyEdit.name}"
value="@{companyEdit.id}">
</comboitem>
</combobox>
<label value="部门名称:"></label>
<combobox id="cbxDep" model="@{userWin.deptList}"
selectedItem="@{userWin.deptEdit}">
<comboitem self="@{each=deptEdit}"
label="@{deptEdit.name}"
value="@{deptEdit.id}">
</comboitem>
</combobox>
</window>
=======================================================================================
- //后台绑定Controller类 下面有详细的注释
- publicclass UserController extends Window implements AfterCompose {
- protected AnnotateDataBinder binder;
- private User user = new User();
- private User u = new User();
- private Chinaregion province = new Chinaregion();
- private Chinaregion city = new Chinaregion();
- private Chinaregion district = new Chinaregion();
- private Role role = new Role();
- private Company company = new Company();
- protected Dept dept = new Dept();
- private Company companyEdit = new Company();
- private Dept deptEdit = new Dept();
- private Combobox cbxCompany;
- protected Listbox userLbx;
- protected Paging pagingUser;
- protected Combobox cbxProvince;
- protected Combobox cbxCity;
- protected Combobox cbxDistrict;
- private Combobox cbxDept;
- private Combobox cbxCom;
- private Combobox cbxDep;
- private List<Company> companyList;
- private List<User> userList;
- private List<Dept> deptList;
- private List<Role> roleList;
- private List<Chinaregion> provinceList;
- private List<Chinaregion> cityList;
- private List<Chinaregion> districtList;
- public Dept getDeptEdit() {
- return deptEdit;
- }
- publicvoid setDeptEdit(Dept deptEdit) {
- this.deptEdit = deptEdit;
- }
- public Dept getDept() {
- return dept;
- }
- public Chinaregion getDistrict() {
- return district;
- }
- publicvoid setDistrict(Chinaregion district) {
- this.district = district;
- }
- public Chinaregion getProvince() {
- return province;
- }
- public Chinaregion getCity() {
- return city;
- }
- publicvoid setCity(Chinaregion city) {
- this.city = city;
- }
- publicvoid setProvince(Chinaregion province) {
- this.province = province;
- }
- public Role getRole() {
- return role;
- }
- publicvoid setRole(Role role) {
- this.role = role;
- }
- publicvoid setDept(Dept dept) {
- this.dept = dept;
- }
- public List<Chinaregion> getProvinceList() {
- return provinceList;
- }
- publicvoid setProvinceList(List<Chinaregion> provinceList) {
- this.provinceList = provinceList;
- }
- public List<Chinaregion> getCityList() {
- return cityList;
- }
- publicvoid setCityList(List<Chinaregion> cityList) {
- this.cityList = cityList;
- }
- public List<Chinaregion> getDistrictList() {
- return districtList;
- }
- publicvoid setDistrictList(List<Chinaregion> districtList) {
- this.districtList = districtList;
- }
- public List<Role> getRoleList() {
- return roleList;
- }
- publicvoid setRoleList(List<Role> roleList) {
- this.roleList = roleList;
- }
- public Company getCompany() {
- return company;
- }
- publicvoid setCompany(Company company) {
- this.company = company;
- }
- public User getU() {
- return u;
- }
- publicvoid setU(User u) {
- this.u = u;
- }
- public List<Dept> getDeptList() {
- return deptList;
- }
- publicvoid setDeptList(List<Dept> deptList) {
- }
- public List<Company> getCompanyList() {
- return companyList;
- }
- publicvoid setCompanyList(List<Company> companyList) {
- this.companyList = companyList;
- }
- public User getUser() {
- return user;
- }
- public List<User> getUserList() {
- return userList;
- }
- publicvoid setUserList(List<User> userList) {
- this.userList = userList;
- }
- publicvoid setUser(User user) {
- this.user = user;
- }
- public Company getCompanyEdit() {
- return companyEdit;
- }
- publicvoid setCompanyEdit(Company companyEdit) {
- this.companyEdit = companyEdit;
- }
- /**
- * 组件创建时初始化的事件监听器
- */
- publicvoid init() {
- // UserService service= (UserService) SpringUtil.getBean("userService");
- // int count =service.countUser();
- // pagingUser.setTotalSize(count);
- pagingUser.addEventListener(ZulEvents.ON_PAGING,
- new UserPagingEventListener());
- userLbx.addEventListener(Events.ON_SELECT,
- new UserSelectedEventListener());
- cbxProvince.addEventListener(Events.ON_SELECT,
- new ProvinceSelectedEventListener());
- cbxCity.addEventListener(Events.ON_SELECT,
- new CitySelectedEventListener());
- cbxCom.addEventListener(Events.ON_SELECT,
- new EditCompanySelectedEventListener());
- if (judgeCompontent(cbxCompany)) {
- cbxCompany.addEventListener(Events.ON_SELECT,
- new CompanySelectedEventListener());
- }
- }
- /**
- * 初始化所属公司下的部门列表
- *
- * @param company
- */
- publicvoid initDept(Company company) {
- DeptService service = (DeptService) SpringUtil.getBean("deptService");
- deptList = service.getDeptsByCoId(company);
- binder.loadComponent(cbxDep);
- }
- /**
- * 初始化公司列表
- */
- publicvoid initCompany() {
- CompanyService service = (CompanyService) SpringUtil .getBean("companyService");
- companyList = service.getCompanyAll();
- }
- /**
- * 动态绑定变量值
- */
- @Override
- publicvoid afterCompose() {
- Components.wireVariables(this, this);
- Components.addForwards(this, this);
- initiaData();
- }
- class UserSelectedEventListener implements EventListener {
- @SuppressWarnings("unchecked")
- publicvoid onEvent(Event event) throws Exception {
- String cId = user.getCoid();
- // 获取Combobox组件中的Comboitem所有的子项集合
- List<Comboitem> comsItems = cbxCom.getChildren();
- // 使用List接口的迭代器,迭代每个Comboitem对象
- Iterator<Comboitem> comsIt = comsItems.iterator();
- // 是否有下个对象
- while (comsIt.hasNext()) {
- // 迭代对象转换成Comboitem对象
- Comboitem item = comsIt.next();
- // 判断item中的值是否相等,如果相等
- if (StringUtils.equals((String) item.getValue(), cId)) {
- // 如果相等 绑定并且选中该对象
- cbxCom.setSelectedItemApi(item);
- // 把该事件放入时间列队的末尾,在所有事件都处理完 之后,将会立即处理该事件
- Events.postEvent(Events.ON_SELECT, cbxCom, null);
- // 初始化部门对象
- Company c = new Company();
- c.setId(cId);
- initDept(c);
- break;
- }
- }
- }
- }
- class EditCompanySelectedEventListener implements EventListener {
- publicvoid onEvent(Event event) throws Exception {
- if (deptList == null || deptList.isEmpty())
- return;
- // 循环迭代Dept集合对象
- for (Iterator<Dept> it = deptList.iterator(); it.hasNext();) {
- Dept each = it.next();
- if (StringUtils.equals(user.getDeptid(), each.getId())) {
- deptEdit = each;// 赋值给cbxDep绑定的对象;
- // 重新绑定对象
- binder.loadComponent(cbxDep);
- return;
- }
- }
- }
- }
相关推荐
级联菜单是一种常见的Web应用程序用户界面元素,它允许用户从多个选项中选择一个或多个项目。动态级联菜单是指可以根据实际情况动态生成选项的级联菜单。下面将对该技术进行详细的解释。 级联菜单的原理 级联菜单...
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单...
这个场景中,我们利用数据库存储数据,并通过后端处理逻辑动态生成这些下拉菜单。下面将详细介绍如何使用MySQL数据库来实现这一功能。 首先,我们需要创建一个数据库表来存储级联菜单的数据。假设我们有一个名为`...
通过这种方式,我们可以创建出一个动态的、响应式的级联下拉菜单,用户在选择一个选项后,无需刷新页面,第二个下拉菜单就能自动更新为与之关联的选项。这种交互方式提高了用户体验,同时也减轻了服务器的压力。在...
这里我们讨论的“JQuery写的日期级联下拉菜单”是一个利用jQuery库实现的交互式用户界面组件,允许用户通过三个连续的下拉列表分别选择年、月和日。这种设计使得用户能够快速、准确地输入日期,同时保持页面的简洁性...
JavaScript四级级联下拉菜单是一种常见的网页交互设计,它允许用户在多个下拉菜单中进行选择,逐级筛选出最终的选项。这种设计通常用于表示层次结构的数据,如国家、省份、城市和区域等地理信息,也可以应用于其他...
综上所述,这个"安卓--级联下拉列表实现DEMO"涵盖了Android开发中Spinner的使用、事件监听、数据处理和UI设计等多个方面。通过学习和分析这个DEMO,开发者可以更好地理解和掌握如何在实际项目中实现级联下拉列表的...
5. **级联事件处理**:在`onChange`事件中,我们根据用户选择的省份动态填充市的下拉菜单。同理,当市被选中时,填充区的下拉菜单。这一步需要递归地遍历数据结构,找到对应级别的子项。 6. **禁用未激活的下拉**:...
本文件属于文章《使用面向对象的方式封装js级联下拉菜单列表的实例教程》的完整代码,在读完原创文章之后可以下载查看代码。代码中cascadeMenu.js文件封装了级联菜单插件,可直接引入到html文件中使用。
网上找了很久这种菜单,浪费了很多时间,实在没办法,只好老老实实去官网上按说明弄了一个,并更新了,jquery1.5.2, 希望给有需要的朋友可以节约一点时间,欢迎交流,qq:170262
级联下拉框是一种常见的UI组件,它允许用户在一个下拉框的选择基础上动态加载并显示另一个相关的下拉框,这种联动效果在数据筛选、地区选择等场景中非常常见。 1. HTML基础: HTML(HyperText Markup Language)...
级联菜单(Cascading Menu)是Web开发中常见的交互元素,主要用于呈现具有层次结构的数据。在本案例中,我们讨论的是使用JavaScript和HTML技术实现的级联菜单,且该菜单能够与数据库进行交互,动态地从数据库中读取...
在JavaScript中,下拉级联(Cascading Dropdown)是一种常见的前端交互设计,它用于创建一组相关联的下拉菜单,其中一个下拉菜单的选择会影响另一个下拉菜单的选项。这样的设计常见于数据筛选、地区选择等场景,可以...
在使用JSP JavaScript过程中有很多的技巧与实现,那么如何构建二级级联下拉菜单呢,本文将会向你做一个源码上的介绍。
下面将详细介绍如何使用JavaScript实现全国省市的二级级联下拉菜单。 首先,我们需要一个HTML结构来承载我们的菜单。在这个例子中,我们有两个`<select>`元素,分别代表省份和城市。省份的选项会触发城市选项的更新...
此资源中的`CascadingMenuViewLib.rar`可能包含了一个自定义的级联菜单库,开发者可以通过这个库快速集成级联菜单到自己的应用中。 其次,两级菜单是指菜单中有两个层次的选项,用户先选择一级菜单,然后二级菜单才...
级联意味着一个下拉菜单的选择会影响另一个下拉菜单的选项。例如,在省市区联动中,当用户选择一个省份时,相应的城市下拉菜单会自动更新,仅显示该省内的城市,而不再显示所有城市的列表。这种用户体验可以提高页面...
JavaScript动态级联下拉列表框是一种常见的前端交互设计,它允许用户在选择一个选项后,根据选择的结果动态更新下一个下拉列表框的内容。这种技术在数据筛选、表单填写等场景中广泛应用,能够提高用户体验,减少不必...
这个压缩包文件"Android代码-级联菜单两级菜单自定义实现提供多种方式PopWindowFragment引用.."包含了实现这种功能的源码和相关资源,下面将详细介绍其关键知识点。 1. **自定义控件**:在Android中,级联菜单通常...
级联菜单的核心在于实现数据之间的联动关系,通常涉及到两个或多个下拉列表。当用户在第一个下拉列表中选择某一项后,第二个下拉列表会根据用户的选择动态更新其显示的选项。这种联动效果通常是通过JavaScript来实现...