Click here to Skip to main content
15,895,779 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
Hi,

In my MVC Project i have a page. in that i have dropdowncontrol with values USER and ADMIN

in my grid i have three rows

HTML
ALLOW      ACTION

DELETE     [CHECKBOX]

INSERT     [CHECKBOX]

UPDATE     [CHECKBOX]


if i select USER in dropdownlist, i want check INSERT checkbox.

if i select ADMIN , i wnat to check all Checkbox


How can i do that?


Thanks in Advance
Kunjammu
Posted
Updated 8-Jun-14 19:08pm
v2
Comments
Nayan Rudani 9-Jun-14 1:17am    
are you working with JavaScript?
Kunjammu 9-Jun-14 1:52am    
yes
in mvc4

<text>Hi Friends, Refer Following Code.
This Code Contains only one Checkbox. Using this Reference you can Add Three CheckBox in your Grid.


<text>HTML Markup
ASP.NET
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:CheckBox ID="CheckBox1" runat="server" Text='<%# Eval("Id") %>' />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField DataField="Name" HeaderText="Name" />
        <asp:BoundField DataField="Country" HeaderText="Country" />
    </Columns>
</asp:GridView>
<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="Please select at least one record." ClientValidationFunction="Validate" ForeColor="Red"></asp:CustomValidator>
<br />
<asp:Button ID="Button1" runat="server" Text="Submit" />



<text>Binding the GridView control

C#
protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id"), new DataColumn("Name"),     new DataColumn("Country") });
        dt.Rows.Add(1, "John Hammond", "United States");
        dt.Rows.Add(2, "Mudassar Khan", "India");
        dt.Rows.Add(3, "Suzanne Mathews", "France");
        dt.Rows.Add(4, "Robert Schidner", "Russia");
        GridView1.DataSource = dt;
        GridView1.DataBind();
    }
}


<text>CustomValidator JavaScript Validation function

JavaScript
<script type="text/javascript">
    function Validate(sender, args) {
        var gridView = document.getElementById("<%=GridView1.ClientID %>");
        var checkBoxes = gridView.getElementsByTagName("input");
        for (var i = 0; i < checkBoxes.length; i++) {
            if (checkBoxes[i].type == "checkbox" && checkBoxes[i].checked) {
                args.IsValid = true;
                return;
            }
        }
        args.IsValid = false;
    }
</script>

</script>
 
Share this answer
 
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900