产品树形控件使用手册.docx

产品树形控件使用手册

启动reportstud，io进入页面资源管理器 提-示页面

拖拽tree_dataItem_prompt控件到输入页面。

拽入html项目到树状提示控件的左边，添加对应的js代码到里面

先拽入“html项目”到树状控件的左边，双击“HTML项目”，将mousemove.txt里面代码的全部拷贝然后粘贴进去，并把“html项目”的名字改为”mosuemove”。

附件：mousemove.txt

设定树状下拉菜单控件的名字为“treeShow”

先点中树状菜单的控件，然后修改其名字为“treeShow”(这个名字可以自己定义，但后面的JS使用的时候，针对此控件时候，名字要与当前一致)。

拽入第二个“HTML项目”到树状控件的左边

修改名字为“showHTML”,并吧showHTML.txt中的代码全部拷贝到html项目中去。

代码中，函数Timer传入的第二个参数，为树状菜单的名字“treeShow”,此要求与上面步骤中的树状菜单的名字一致。

附件：showHTML.txt

拽入第三个“html项目”到树状菜单的右边

同上面拽入方式一样，拽入后，点开html项目控件进行编辑，把clickEvent.t里xt面代码拷贝进去。根据自己页面情况，调整出现后的树状菜单的位置。

附件：clickEvent.txt

拽入最后一个”html工程”到树状菜单控件的右边

拷贝selectEvent.t里xt面的代码进入到“html项目”里面。附件：selectEvent.txt

双击treeHtml_prompt控件的html标志。如果是单选，需要把varradioselec=tfalse修;改为varradioselect=true;

注意：多选情况下，在过滤器处设置时候需要设置为“in(?f_prod”?)如下图：

〔1〕在页面添加“HTML项目”，并双击“HTML项目”，在里面放置代码

“divid=”divProduct”style=“display:none“spanid=”spa”nProduct”

〔2〕在页面添加“文本项目”，然后在“文本项目”源类型处将其修改为“报表表达式”，并在报表表达式处输入如下代码：“ParamDisplayValue(”f_Pro”d”)

〔3〕在页面添加“HTML项目”，并双击“HTML项目”，在里面放置代码“/span/div”以上三步如下图：

在报表展示页面，拽入最后一个“html项目”

一般情况下，需要在报表的结果页面中，显示选择的的产品项，因此需要在报表的展示页面上拽入一个可以让选项回显的JS

拽入”html项目”后，拷贝showOldSelect.tx内t容进去

附件：showOldSelect.txt