Jee*_*att 3 javascript c# asp.net selectedindexchanged drop-down-menu
我有一个DropDown,它绑定到ObjectDataSource.在它的数据绑定事件中,我在0索引上添加"--select--"值.我在页面上有一个LinkButton,并在其客户端点击,我在下拉菜单中选择不同的项目(使用JavaScript).假设有3个项目,如--select--,option1,option2和option3,现在在链接按钮的客户端上单击我选择的选项3,现在如果我选择默认值"--select--",它不会触发SelectedIndexChanged事件.如果我选择任何其他值,则它会触发.为什么它不适用于默认值?
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack && !IsCallback)
{
this.FillDropDown("--Select--");
}
else
{
if (this.drp.SelectedItem != null)
this.FillDropDown(this.drp.SelectedItem.Text);
else
this.FillDropDown("--Select--");
}
}
protected void FillDropDown(string viewName)
{
this.obJectDataSource.Select();
this.drp.Items.Clear();
this.drp.SelectedIndex = -1;
this.drp.DataBind();
if (this.drp.Items.Count > 0)
{
ListItem item = this.drp.Items.FindByText(viewName);
if (item == null)
{
item = this.drp.Items.FindByText("--Select--");
}
if (item != null)
{
int selectedIndex = this.drp.Items.IndexOf(item);
this.drp.Items[selectedIndex].Selected = true;
this.drp.SelectedIndex = selectedIndex;
}
}
}
protected void drp_OnDataBound(object sender, EventArgs e)
{
if (this.drp.Items.Count > 0)
{
this.drp.Items.Insert(0, new ListItem("--Select--", "-1"));
}
}
protected void drp_SelectedIndexChanged(object sender, EventArgs e)
{
if (drp.SelectedValue != "-1")
{
Session["SelectedItem"] = this.drp.SelectedItem.Text;
}
}
/// The button which do callback not postback
<dx:ASPxCallback ID="ASPxCallback1" runat="server" ClientInstanceName="Callback1" OnCallback="SaveFilter_Click">
<ClientSideEvents CallbackComplete="function(s,e){Callback1Success(s,e);}" />
</dx:ASPxCallback>
<dx:ASPxButton ID="btn_Save" runat="server" CausesValidation="False" Height="20px" Text="Save" AutoPostBack="false" UseSubmitBehavior="false">
<ClientSideEvents Click="function(s, e) {
var isValid = Validate(this, txt1.GetText());
if(isValid==true) {
Callback1.PerformCallback('Save');
}
else {
e.processOnServer = false;
}}">
</ClientSideEvents>
</dx:ASPxButton>
protected void SaveFilter_Click(object sender, CallbackEventArgs e)
{
if (e.Parameter.ToString() == "Save")
{
if (!string.IsNullOrEmpty(txt_SaveSaveSearch.Text))
{
// saving data into data base.
this.FillDropDown(txt.Text);
e.Result = ASPxCallback.GetRenderResult(this.drp);
}
}
}
function Callback1Success(s,e) {
var ctrl = document.getElementById('ctl00_ContentHolder_drp');
ctrl.outerHTML = e.result;
}
Run Code Online (Sandbox Code Playgroud)
更新:
根据修订后的问题 -
为什么不在下拉列表中设置AppendDataBoundItems?该属性允许下拉列表将项目附加到现有项目.
<asp:DropDownList ID='DropDownList1' runat='server' AutoPostBack='true' EnableViewState='true' AppendDataBoundItems='true'>
<asp:ListItem Selected='True' Text='--Select--' Value='1'></asp:ListItem></asp:DropDownList>
Run Code Online (Sandbox Code Playgroud)Page_Load方法无法执行您想要的操作.即使其中一个是真的,它的else部分也将被执行..ex:如果"Postback为true"或"callback为true",它将进入else部分.但是如(1)步骤所示,设置AppendDataBoundItems并删除代码以添加"--select--".
最有可能的问题是ViewState,Set EnableViewState ="true"
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Test.aspx.cs" EnableViewState="true"%>
Run Code Online (Sandbox Code Playgroud)
如果你正在使用Maste Pages,你也必须启用它.
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="Site" EnableViewState="true" ClassName="Site" %>
Run Code Online (Sandbox Code Playgroud)
并在下拉网页控件中AutoPostback ="true"
<asp:DropDownList ID='DropDownList1' runat='server' AutoPostBack='true'
OnSelectedIndexChanged='HandleOnDropDownListSelectedIndexChanged'>
</asp:DropDownList>
Run Code Online (Sandbox Code Playgroud)