javascript - ドロップダウンの選択したインデックスが同じ場合、__doPostBack() は起動されません。

Question

2 つのドロップダウン ddlCountry と ddlState と 1 つの送信ボタンがあります。
ddlstate が更新パネルにある間。
データベース内の両方のドロップダウンストアのボタン値の送信時。
そして、Repeater Control でデータを表示します。(HTML テーブル構造で) ASPX CODE

<table id="tablelist" class="csstablelist" cellspacing="1" cellpadding="1">
                    <tr>
                        <td class="csstablelisttoptr">
                            ddlCountryID
                        </td>
                        <td class="csstablelisttoptr">
                            ddlCountryText
                        </td>
                        <td class="csstablelisttoptr">
                            ddlstateText
                        </td>
                    </tr>
                    <asp:Repeater ID="repeaterList" runat="server" OnItemDataBound="repeaterList_ItemDataBound">
                        <ItemTemplate>
                            <tr onclick="selectRow(this);">
                                <td class="csstablelisttd" style="display: none">
                                    <asp:Label ID="ddlCountryID" runat="server" Text='<%#Eval("ddlCountryID")%>'></asp:Label>
                                </td>
                                <td class="csstablelisttd">
                                    <asp:Label ID="ddlCountryText" runat="server" Text='<%#Eval("ddlCountryText")%>'></asp:Label>
                                </td>
                                <td class="csstablelisttd">
                                    <asp:Label ID="ddlstateText" runat="server" Text='<%#Eval("ddlstateText")%>'></asp:Label>
                                </td>
                            </tr>
                        </ItemTemplate>
                    </asp:Repeater>
                </table>
<asp:DropDownList ID="ddlCountry" runat="server" CssClass="csstextbox" Width="207px" AutoPostBack="true" OnSelectedIndexChanged="ddlCountry_SelectedIndexChanged">
</asp:DropDownList>
<asp:UpdatePanel ID="updatePanelState" runat="server">
    <ContentTemplate>
        <asp:DropDownList ID="ddlState " runat="server" CssClass="csstextbox" Width="177px">
        </asp:DropDownList>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="ddlCountry" EventName="SelectedIndexChanged" />
    </Triggers>
</asp:UpdatePanel>
<asp:Button ID="btnSave" runat="server" Width="80px" OnClientClick="return validateForm();" Text="Save" CssClass="cssbutton" OnClick="btnSave_Click" />


ddlCountryID | ddlCountryText | ddlstateText
1            | USA            | XYZ
2            |India           | PQR

リピーター値とドロップダウン値の一致を強調表示して選択するための JavaScript の TR i write below (SelectRow(this)) 関数の Onclick。

<script type="text/javascript">
function selectRow(objTR)
{
 var ddlCountry =document.getElementById('<%=ddlCountry.ClientID %>');
 var ddlState =document.getElementById('<%=ddlState .ClientID %>');

    for (i = 0; i < ddlCountry .options.length; i++)
    {
        if (ddlCountry .options[i].text == objTR.cells[1].innerText.trim())
            break;
    }           
    ddlCountry .options[i].selected = true;

    __doPostBack(ddlCountry .id, objTR.cells[2].innerText.trim());    
}
</script>

コードビハインドで ddlCountry SelectedIndexChangedEvent を書きます。

Javascript から __doPostBack() を起動し、イベントターゲット ddlStateText として ddlCountry を SelectedIndexChangedEvent のイベント引数として渡し、このようなイベントで値を取得しています。

string stateDescription = Request["__EVENTARGUMENT"];
ddlState .Items.FindByText(stateDescription ).Selected = true;//for highliting the repeater value and dropdown value match and selected

pageLoad で国をバインドする

 if(!Ispostback)
protected Void BindCountry()

{

strSQL = @"SELECT countryID,Country from Country_Master";
        DataTable dataTableCountry = null;
        dataTableCountry = objSqlDbComm.ExecuteDatasetQuery(strSQL).Tables[0];

        int countryID;
                string Country;     
        var dictioneryCountry = new Dictionary<int, string>();
        foreach(DataRow dr in dataTableCountry.Rows)
        {
            countryID = Convert.ToInt32(dr["countryID"]);
            Country= dr["Country"].ToString();          
            dictioneryCountry.Add(countryID,Country);
        }
        ddlCountry.Items.Clear();
        ddlCountry.DataTextField = "Value";
        ddlCountry.DataValueField = "Key";
        ddlCountry.DataSource = dictioneryCountry;
        ddlCountry.DataBind();
        ddlCountry.Items.Insert(0, new ListItem("[Select]", "-1"));
        ddlCountry.Items[0].Selected = true;
}

私の問題は、次のリピーターデータがある場合です。

ddlCountryID | ddlCountryText | ddlstateText
1            | USA            | XYZ
2            |India           | PQR
2            |India           | MNO

国インドと州 mno を持つ行番号 3 を選択すると、__dopostback() メソッドが起動します。

行番号 1 に移動すると、__dopostback() メソッドが起動します。

行番号 1 から 3 に移動すると、メソッドは正しい方法で実行されますが、国 ID が同じ __dopostback() メソッドを持つ行番号 3 から 2 に移動すると、メソッドは実行されず、状態は ddlstate から選択されません。

score 5 · Accepted Answer

コードをデバッグすると、Page_Load のコードが実行されているため、__doPostBack() が実際に機能していることがわかります (ここでブレークポイントを設定して確認してください)。問題は、DropDownList のインデックスが変更されていないため、IndexChanged イベントが発生せず、ddlCountry_SelectedIndexChanged が実行されないことです。__doPostBack() を呼び出す場合、これは分離コードから手動で ddlCountry_SelectedIndexChanged を呼び出すことと同じではありません。

このドロップダウンリストの値を設定する以外に、ポストバックを行う特定の理由はありますか?

解決策 1

__doPostBack() 行を削除し、代わりに次を追加することをお勧めします。

var state = objTR.cells[2].innerText.trim();
for (var i = 0; i < ddlState.options.length; i++)
{
    if (ddlState.options[i].text == state)
    {
        ddlState.options[i].selected = true;
        break;
    }
}

解決策 2

または、本当にポストバックする必要がある場合は、次のようにすることもできます。

a. 次のように、更新パネル内に非表示のボタンを追加します。

<div style="display: none">
<asp:Button ID="btnState" OnClick="btnState_Click" runat="server" />
</div>

b. 国を選択した後、JavaScript を次のように変更します。

document.getElementById('__EVENTARGUMENT').value = objTR.cells[2].innerText.trim();
document.getElementById('<%= btnState.ClientID %>').click();

c. FilterState() 関数を作成し、これを ddlcountry indexchanged イベントから呼び出します

protected void ddlCountry_SelectedIndexChanged(object sender, EventArgs e)
{
    FilterState();
}

private void FilterState()
{
// insert whatever filtering code you had here
}

d. btnState_Click 関数を追加します (以前に ddlState の選択された項目を設定していた方法では、項目が既に選択されている場合にエラーがスローされることに注意してください)。

protected void btnState_Click(object sender, EventArgs e)
{
    FilterState();
    string state = Request["__EVENTARGUMENT"];
    if (state != "")
        ddlState.SelectedValue = state;
}

解決策 3

3 番目の解決策では、引き続き __doPostBack を使用し、これを Page_Load 関数に入れることで SelectedIndexChanged イベントを完全に廃棄することができます。

if (IsPostBack && Request["__EVENTTARGET"] == ddlCountry.UniqueID)
{
    FilterState();
    string stateDescription = Request["__EVENTARGUMENT"];
    if (stateDescription != "")
        ddlState.SelectedValue = stateDescription;
}

別の注意として、BindCountry 関数には Dictionary を使用する本当の理由はありません。DataTable を直接バインドできます。

strSQL = @"SELECT countryID,Country from Country_Master";
DataTable dataTableCountry = objSqlDbComm.ExecuteDatasetQuery(strSQL).Tables[0];
ddlCountry.Items.Clear();
ddlCountry.DataSource = dataTableCountry;
ddlCountry.DataTextField = "Country";
ddlCountry.DataValueField = "countryID";
ddlCountry.DataBind();
ddlCountry.Items.Insert(0, new ListItem("[Select]", "-1"));
ddlCountry.Items[0].Selected = true;

score -1 · Accepted Answer

これは、Text = "India" のドロップダウンリストに個別の値をバインドしていないため、サーバーが値が変更されたことを認識せず、selectedindexchanged イベントを処理していないことが原因である可能性があります。

インドのテキストの両方に異なる値を持つデータソースを作成するか、1 つのインドのテキストのみを使用してみてください

重複キーを持つインドのリストビューに 2 つの重複レコードがあることがはっきりとわかります (2)

これはお勧めできません。一意のキーを持つ必要があるレコードを 1 つだけ使用してください。

データソースが 1 つしかないことは理解できます。そのため、アイテムを ddlCountry に追加するときに、それが既に存在するかどうかを確認するか、存在する場合は再度追加しないようにコードを変更してください。Bindcontry コードの次のコードを置き換えると、正常に動作するはずです。

    foreach(DataRow dr in dataTableCountry.Rows)
    {
        countryID = Convert.ToInt32(dr["countryID"]);
        Country= dr["Country"].ToString();

        if ( ! dictioneryCountry.Contains(countryID))
        {
           dictioneryCountry.Add(countryID,Country);
        }
    }

それが機能するかどうか教えてください

javascript - ドロップダウンの選択したインデックスが同じ場合、__doPostBack() は起動されません。

2 に答える 2

Related

Reference