AspZero如何将下拉列表添加到用户页面?
创始人
2024-09-20 13:01:27
0
  1. 打开Asp Zero项目中的User.js文件。

  2. 在Users method中修改代码,在表格中添加一个列来显示下拉列表,代码示例:

var columns = [ { data: "id", width: "6%" }, { data: "userName", width: "15%" }, { data: "name", width: "15%" }, { data: "surname", width: "15%" }, { data: "emailAddress", width: "15%" }, { data: "isActive", width: "10%" }, { data: null, orderable: false, searchable: false, width: "15%", render: function (data, type, row) { var active = data.isActive ? "Active" : "Inactive"; var badgeClass = data.isActive ? "badge badge-success" : "badge badge-danger"; return '' + active + ''; } }, { data: null, orderable: false, searchable: false, width: "10%", render: function (data, type, row) { var dropdownList = '';

        return dropdownList;
    }
}

];

  1. 在User.css文件中添加下拉列表的样式,示例代码:

.user-role-dropdown { width: 100%; border: none; background-color: transparent; font-size: 14px; font-weight: 400; color: #6B6E80; }

  1. 在User.js文件中添加下拉列表事件处理程序,示例代码:

var $table = $('#UsersTable');

$table.on('change', '.user-role-dropdown', function(e) { var userId = $(this).closest('tr').find('.hidden-id').text(); var roleId = $(this

相关内容

热门资讯

3分钟了解!小吆三打哈外挂透视... 3分钟了解!小吆三打哈外挂透视辅助-小吆三打哈其实真的有挂(2020已更新);人气非常高,ai更新快...
九实锤(wpk德州俱乐部)外挂... 九实锤(wpk德州俱乐部)外挂辅助脚本(辅助挂)透视辅助(2021已更新)(哔哩哔哩);实战中需综合...
俱乐部(Wepoke好牌)的确... 1、俱乐部(Wepoke好牌)的确是真的有挂!原来真的有挂(2025已更新)(哔哩哔哩)2、进入游戏...
(WPk透明挂)有挂头条-wp... 自定义轰趴大菠萝系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是想...
2轻量版(Wepoke挂)外挂... 2轻量版(Wepoke挂)外挂透明挂辅助工具(软件透明挂)透视辅助(2021已更新)(哔哩哔哩);W...
8分钟科普!星悦麻将胡牌神器外... 自定义系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是想分享给你好...
4总结(aapoker开发)外... 4总结(aapoker开发)外挂透明挂辅助神器(软件透明挂)透视辅助(2025已更新)(哔哩哔哩);...
ai代打(wpk微扑克)其实真... WePoker透视辅助工具核心要点解析‌,ai代打(wpk微扑克)其实真的有挂!其实真的有挂(202...
(WPk透明挂)确实有挂-AA... (WPk透明挂)确实有挂-AAPoKER透明挂透视辅助-fishpoker app辅助;亲们利用一分...
5分钟实锤!微友麻将外挂透视辅... 自定义系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是想分享给你好...