给页面字段中添加一个按钮,点击按钮实现弹窗效果

该博客介绍了如何在页面的某个字段中添加一个按钮,点击该按钮后能触发一个弹窗效果。详细内容包括页面的基本展示,点击按钮后的弹窗操作以及点击搜索框的效果。此外,还提供了实现这一功能的代码片段。
摘要由CSDN通过智能技术生成
页面效果:

在这里插入图片描述

点击按钮后弹窗效果:

在这里插入图片描述

点击左上角搜索框效果:

在这里插入图片描述

页面实现代码

首先配置一个入住房间字段

       <field>
            <header>入住房间</header>
            <dataIndex>sendRoom</dataIndex>
            <sortable>false</sortable>
            <width>105</width>
            //其余属性不需要管 重点在于renderer中 
            <renderer>slms.sendRoom</renderer>
            <editor>textfield</editor>
            <columnIndex>12</columnIndex>
            <hidden>false</hidden>
            <exist>true</exist>
            <locked>0</locked>
            <frameXMLVersion>8D23023C35C6EE15955372DC77733838</frameXMLVersion>
        </field>
/** 查看入住房间 */
//这个RegisterRender中的第一个属性的内容必须要和字段代码中的renderer内容保持一致
factory.RegisterRender("slms.sendRoom", function (
  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

想养一只!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值