Question

我想在drodowncombobox（Radcombobox）外面点击后显示所选项目。我应该召集哪个活动来执行它？

这是我的代码：

private static void ShowCheckedItems(RadComboBox comboBox, Literal literal)
    {
        var sb = new StringBuilder();
        var collection = comboBox.CheckedItems;

        if ( collection.Count != 0 )
        {
            sb.Append("<h3>Checked Items:</h3><ul class=\"results\">");

            foreach ( var item in collection )
                sb.Append("<li>" + item.Text + "</li>");

            sb.Append( "</ul>" );

            literal.Text = sb.ToString();
        }
        else
        {
            literal.Text = "<p>No items selected</p>";
        }
    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        ShowCheckedItems(RadComboBox1, itemsClientSide);
    }

在上面的代码中，基于按钮点击执行操作。但我希望在RadComboBox1外部点击时显示相同的效果。这是html代码：

<body>
<form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <%--<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />--%>
    <telerik:RadFormDecorator ID="FormDecorator1" runat="server" Skin="Metro" />
    <div class="qsf-demo-canvas">
        <div class="continents">
            <telerik:RadComboBox ID="RadComboBox1" runat="server" Width="186px"
                AutoPostBack="true" EmptyMessage="- Select a Country -"
                OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged"
                Skin="Metro">
            </telerik:RadComboBox>
        </div>
        <div class="countries">
            <telerik:RadComboBox ID="RadComboBox2" runat="server" Width="186px"
                AutoPostBack="true" EmptyMessage="- Select a City -"
                CheckBoxes="true"
                EnableCheckAllItemsCheckBox="true"
                Skin="Metro">
            </telerik:RadComboBox>
        </div>
        <p class="buttons">
            <asp:Button ID="Button1" runat="server" Text="Explore" OnClick="Button1_Click" />
        </p>
        <div class="result">
            <asp:Literal ID="itemsClientSide" runat="server" />
        </div>
    </div>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadComboBox1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadComboBox2" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
    <script type="text/javascript">
        //Put your JavaScript code here.
    </script>
    <div>
    </div>
</form>

谢谢！

单击控件外的任何位置后如何显示所选/已检查的项目

0 个答案: