表单与选择器组件 (Forms & Selectors)

@await Html.PartialAsync("~/Views/Components/Common/selUser.cshtml", new ViewDataDictionary(ViewData)
{
    { "inputId", "myAuditorSelect" },
    { "allowMultiple", true },
    { "showDepartment", true },
    { "showTag", true },
    { "placeholder", "请选择审计人员" },
    { "callback", "onAuditorSelected" },
    { "displayMode", "modal" },
    { "personIdSource", "userId" }
})

// 绑定在 callback 参数中的 JS 函数结构
function onAuditorSelected(selectedItems) {
    console.log("选中的数据集:", selectedItems);
    /* 
    selectedItems 数据结构为数组，每个成员如下：
    [
        {
            type: "person",          // 支持类型: person (人员), department (部门), tag (标签组)
            id: "U10024",            // 根据 personIdSource 决定的 ID 值
            name: "陈彪",            // 人员姓名或部门名
            departmentName: "IT部",   // 所属部门
            avatar: "..."            // 头像相对路径
        }
    ]
    */
    // 典型业务：更新 UI
    if(selectedItems.length > 0) {
        $("#auditorCountLabel").text(selectedItems.length + "人已指定");
    }
}

@await Html.PartialAsync("~/Views/Components/Common/userTree.cshtml", new ViewDataDictionary(ViewData)
{
    { "inputId", "myDirectReportTree" },
    { "placeholder", "请指派直接下属" },
    { "height", 300 },
    { "callback", "onReportTreeSelected" }
})

@await Html.PartialAsync("~/Views/Components/Common/selSysDic.cshtml", new ViewDataDictionary(ViewData)
{
    { "inputId", "currencySelect" },
    { "dataKey", "SYS_CURRENCY_TYPE" },
    { "dataType", "SysDict" },
    { "mode", "select2" },
    { "multiple", false },
    { "placeholder", "请选择币种" },
    { "required", true }
})

// 1. 获取当前选中的值 (多选时返回以逗号分隔的字符串或数组)
var curVal = window.SelSysDic_currencySelect.getValue();

// 2. 动态设置选中值并触发联动
window.SelSysDic_currencySelect.setValue('USD');

// 3. 清空选择并重置状态
window.SelSysDic_currencySelect.reset();

// 4. 动态禁用/启用字典交互
window.SelSysDic_currencySelect.disable();
window.SelSysDic_currencySelect.enable();

// 5. 动态重新加载字典数据源
window.SelSysDic_currencySelect.reload();