广告发布项目复习（2）

4.常见控件的修改

a 单选树控件

 如上图控件需把该控件以下属性设置为

class="mini-buttonedit"

onbuttοnclick="onChoose"

allowInput="false"

	// 单选树页面的回调
		function onChoosr() {
			epoint.openDialog('选择作者', 'framemanager/orga/orga/ou/selectouuser', choosedCallBack)
		};

		function choosedCallBack(btnValue) {
			if (btnValue && btnValue != "close") {
				var val = btnValue.split(";");
				var people = mini.get('author');
				people.setText(val[0]);
				people.setValue(val[1]);
			}
		}

 

---

b 多选树按钮

修改控件属性

class="mini-buttonedit"

onButtοnclick="onUserChoose"

allowInput="false"

// 打开审核人员多选页面
		function onUserChoose() {
			var guid = mini.get('checkpeople').getValue();
			epoint.openDialog('选择审核人员', 'framemanager/orga/orga/user/selectuser', choosedUserCallBack
			,{
				param:{
					userGuid : guid
				}
			})
		}

		// 审核人员多选页面的回调
		function choosedUserCallBack(btnValue) {
			if (btnValue && btnValue != "close") {
				var val = btnValue.split("_SPLIT_");
				var people = mini.get('checkpeople');
				people.setText(val[1]);
				people.setValue(val[0]);
			}
		}

/*
*备注：在onuserchoose方法中填入param的userGuid参数代表保留之前已选择的人员接着添加新的人员。
*/

---

 c 无边框样式不能修改控件

需要将控件class属性修改为 mini-outputtext

---

d 下拉树

 修改控件属性

class="mini-treeselect"

action="getBelongzoneModel" 

onBeforeNodeSelect="onBeforeNodeTreeSelected"

action绑定后台代码数据：

private LazyTreeModal9 lazyTreeModal9 = null;

 public LazyTreeModal9 getBelongzoneModel() {
        if (lazyTreeModal9 == null) {
            lazyTreeModal9 = new LazyTreeModal9(new CodeTreeHandler("投放地区",false));
            lazyTreeModal9.setRootName("所有地区");
        }
        return lazyTreeModal9;
    }

    public LazyTreeModal9 getLazyTreeModal9() {
        return lazyTreeModal9;
    }

    public void setLazyTreeModal9(LazyTreeModal9 lazyTreeModal9) {
        this.lazyTreeModal9 = lazyTreeModal9;
    }

前端点击事件代码：

// 地区下拉树
		function onBeforeNodeTreeSelected(e) {
			var id = e.node.id;
            // 点击的不是id长度为6的子节点或者是根节点就不能返回
			if(id.length != 6 || id == "f9root"){
				e.cancel = "true";
			}
		}

---

e 关联页面选择控件

 class="mini-buttonedit"

onButtοnclick="onGGselect"

allowInput="false"

前端点击事件代码：

function onGGselect(e){
			epoint.openDialog(
							"选择广告",
							"frame/pages/gggl/advert/advertselect",
							function(info){
								if (info && info != "close") {
								var val = info.split(";");
								mini.get('advertguid').setValue(val[0]);
								mini.get('advertguid').setText(val[1]);
			}
							});
		}

frame/pages/gggl/advert/advertselect页面代码：

// ************在需要点击的列加上渲染方法 renderer="onSelect" *****************

function onSelect(e){

            var id = e.row.rowguid;

            var name = e.row.advertname;

            var info = id+";"+name

            var str = " <a href=\"#\" onclick=\"onSelectClick('"+info+"');return false;\">"+name+"</a>";

            return str;

        }



//  点击后关闭页面返回值给下拉树点击的页面
        function onSelectClick(info) {

            epoint.closeDialog(info);

        }

---

f 单选按钮组和多选按钮组

单选按钮组 class="mini-radiobuttonlist"

多选按钮组 class="mini-checkboxlist"

action绑定后台数据代码：

private List<SelectItem> shopeModel = null;

 public List<SelectItem> getShopeModel() {
        if (shopeModel == null) {
            shopeModel = DataUtil.convertMap2ComboBox(
                    (List<Map<String, String>>) CodeModalFactory.factory("复选框组", "媒体形式", null, false));
        }
        return this.shopeModel;
    }