jQuery MiniUI

 找回密码
 立即注册
查看: 3714|回复: 4

请教下,怎么把tree与datagrid弹窗联动? [复制链接]

Rank: 2

发表于 2021-9-28 17:37:13 |显示全部楼层
本帖最后由 Journey 于 2021-9-28 17:50 编辑

请教下,怎么把tree与datagrid弹窗联动?弹窗怎么获取tree的层级?

<div class="mini-splitter" style="width:100%;height:100%;">
    <div size="240" showCollapseButton="true">
        <div class="mini-toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">
            <span style="padding-left:5px;">名称:</span>
            <input class="mini-textbox" style="width:100px;"/>
            <a class="mini-button" iconCls="icon-search" plain="true">查找</a>
        </div>
        <div class="mini-fit">
            <ul id="tree1" class="mini-tree" url="./dept/showtree" style="width:100%;"
                showTreeIcon="true" textField="dname" idField="dname" parentField="dup" resultAsTree="false"

            >
            </ul>
        </div>
    </div>
    <div showCollapseButton="true">
    <!--    <div class="mini-toolbar" style="padding:2px;border-top:0;border-left:0;border-right:0;">

            <a class="mini-button" iconCls="icon-add" plain="true">新增</a>
            <a class="mini-button" iconCls="icon-remove" plain="true">删除</a>
            <span class="separator"></span>
            <a class="mini-button" iconCls="icon-save" plain="true">保存</a>
        </div>-->
        <div class="mini-fit" >
            <div id="grid1" class="mini-datagrid" style="width:100%;height:100%;"
                 borderStyle="border:0;"
                 url="./dept/showdata"
                 showFilterRow="true" allowCellSelect="true"
            >
                <div property="columns">
                    <div field="id" width="120" headerAlign="center" allowSort="true">部门id
                        <input property="editor" class="mini-textbox" style="width:100%;"/>
                    </div>
                    <!--
                    <div field="dnum" width="120" headerAlign="center" allowSort="true">部门编号
                        <input property="editor" class="mini-textbox" style="width:100%;"/>
                    </div>-->
                    <div field="dname" width="120" headerAlign="center" allowSort="true">部门名称
                        <input property="editor" class="mini-textbox" style="width:100%;"/>
                    </div>
                    <div field="dup" width="120" headerAlign="center" allowSort="true">上级部门
                        <input property="editor" class="mini-textbox" style="width:100%;"/>
                    </div>
                    <div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>

                <!--    <div name="dstate"  field="dstate" headerAlign="center" allowSort="true" width="150" >状态
                    </div>-->

                    <div name="action" width="120" headerAlign="center" align="center" renderer="onActionRenderer" cellStyle="padding:0;">操作</div>
                </div>
            </div>
        </div>
    </div>
</div>

Rank: 8Rank: 8

发表于 2021-9-28 18:02:16 |显示全部楼层
弹窗和tree或者datagrid无关。
不明白你的问题是什么
你可以放按钮来触发弹窗,可以根据各种api来获取树的节点数据来显示内容。

Rank: 2

发表于 2021-9-28 18:12:42 |显示全部楼层
felt 发表于 2021-9-28 18:02
弹窗和tree或者datagrid无关。
不明白你的问题是什么
你可以放按钮来触发弹窗,可以根据各种api来获取树的 ...

是用超链接或按钮弹窗的,我想通过弹窗的方式CRUD节点信息。但弹窗后不知道怎么获取到相应的节点

Rank: 8Rank: 8

发表于 2021-9-29 09:08:33 |显示全部楼层
Journey 发表于 2021-9-28 18:12
是用超链接或按钮弹窗的,我想通过弹窗的方式CRUD节点信息。但弹窗后不知道怎么获取到相应的节点 ...

节点绘制的时候把节点的id绘制进超链接里面,点击超链接的时候就可以获取到了。

Rank: 2

发表于 2021-9-29 15:32:05 |显示全部楼层
felt 发表于 2021-9-29 09:08
节点绘制的时候把节点的id绘制进超链接里面,点击超链接的时候就可以获取到了。 ...

感谢,我通过跨页面的方式拿到id了。

if (data.action == "dept/edit") {
            //跨页面传递的数据对象,克隆后才可以安全使用
            data = mini.clone(data);
            // console.log("userdata.id"+data.usernumber);
            $.ajax({

Archiver|普加软件

GMT+8, 2024-7-14 18:58 , Processed in 1.057708 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部