How to restrict popup message on empty filed and inset/update/delete button on click

Question

0.00/5 (No votes)

See more:

, +

Hi I have tried to restrict the popup on empty text box ,and buttons inside the grid using jquey.

What I have tried:

JavaScript

<pre>$(function () {
            var grid = document.getElementById('<%= gvDetails.ClientID%>');
            $('tr', grid).on('click', function () {
                $("#id").html($(".clsempid", $(this).closest("tr")).html());
                $("#name").html($(".clsempid1", $(this).closest("tr")).html());
                $("#department").html($(".clsempid2", $(this).closest("tr")).html());
                $("#age").html($(".clsempid3", $(this).closest("tr")).html());
                $("#sal").html($(".clsempid4", $(this).closest("tr")).html());
                $("#dialog").dialog({
                    title: "View Details",
                    buttons: {
                        Ok: function () {
                            $(this).dialog('close');
                        }
                    },
                     modal: true
                });
            });
        });

Posted 21-Feb-17 0:24am

Member 12605293

Updated 21-Feb-17 1:09am

Add a Solution

Comments

Karthik_Mahalingam 21-Feb-17 6:35am

post the mark up.

Member 12605293 21-Feb-17 6:46am

<asp:GridView ID="gvDetails" style="background-color:lightgreen; border-collapse: collapse;
background-color: lightgreen;
margin-top: -53px;" DataKeyNames="EmpId,EmpName" runat="server"
OnPageIndexChanging="OnPaging"
AutoGenerateColumns="false" HeaderStyle-BackColor="#61A6F8"
ShowFooter="true" HeaderStyle-Font-Bold="true" HeaderStyle-ForeColor="White"
CellPadding="10" CellSpacing="0"
AllowPaging="true" PageSize="5"
AllowSorting="True" OnRowDataBound="gvDetails_OnRowDataBound"
OnRowCancelingEdit="gvDetails_RowCancelingEdit"
OnRowDeleting="gvDetails_RowDeleting" OnRowEditing="gvDetails_RowEditing"
OnRowUpdating="gvDetails_RowUpdating"
OnRowCommand="gvDetails_RowCommand" OnSelectedIndexChanged="OnSelectedIndexChanged">

<Columns >

<asp:TemplateField HeaderText="EmployeeID">
<itemtemplate>
<asp:Label ID="lblempid" runat="server" class="clsempid"
Text='<%# Eval("EmpId")%>'>

<footertemplate>
<asp:TextBox ID="txtempid"
MaxLength="5" runat="server">
<asp:RequiredFieldValidator ID="rfvempid" runat="server" ControlToValidate="txtempid" Text="*" ValidationGroup="validaiton" />

<asp:TemplateField HeaderText="EmployeeName">
<edititemtemplate>
<asp:TextBox ID="txtempname" runat="server" Text='<%#Eval("EmpName") %>' />

<itemtemplate>
<asp:Label ID="lblempname" runat="server" class="clsempid1" Text='<%#Eval("EmpName") %>' />

<footertemplate>
<asp:TextBox ID="txtempname1" runat="server" onkeypress=" return onlyAlphabets(event,this);" />
<asp:RequiredFieldValidator ID="rfvempname" runat="server" ControlToValidate="txtempname1" Text="*" ValidationGroup="validaiton" />

<asp:TemplateField HeaderText="Department">
<edititemtemplate>
<asp:TextBox ID="txtdep" runat="server" Text='<%#Eval("Dep") %>' />

<itemtemplate>
<asp:Label ID="lbldep" runat="server" class="clsempid2" Text='<%#Eval("Dep") %>' />

<footertemplate>
<asp:TextBox ID="txtdep1" runat="server" />
<asp:RequiredFieldValidator ID="rfvdep" runat="server" ControlToValidate="txtdep1" Text="*" ValidationGroup="validaiton" />

<asp:TemplateField HeaderText="Age">
<headertemplate>
Age

<edititemtemplate>
<asp:TextBox ID="txtage" runat="server" Text='<%#Eval("Age") %>' />

<itemtemplate>
<asp:Label ID="lblage" runat="server" class="clsempid3" Text='<%#Eval("Age") %>' />

<footertemplate

Karthik_Mahalingam 21-Feb-17 6:49am

button code?
post the code inside code tag


<code> your html

Member 12605293 21-Feb-17 6:48am

If I click on edititemtemplate it shows the box with empty value. and I don't want that box to get displayed on that template.

Karthik_Mahalingam 21-Feb-17 6:51am

does it post back on click of edit button ?

Member 12605293 21-Feb-17 6:59am

No it is not posting back

Karthik_Mahalingam 21-Feb-17 7:00am

ok, what is the button text

Member 12605293 21-Feb-17 7:05am

<asp:TemplateField HeaderText="Edit/Delete" HeaderStyle-Width="5%">
<edititemtemplate>
<asp:ImageButton ID="imgbtnUpdate" CommandName="Update" runat="server" ImageUrl="~/Images/update.png" ToolTip="Update" Height="20px" Width="20px" />
<asp:ImageButton ID="imgbtnCancel" runat="server" CommandName="Cancel" ImageUrl="~/Images/cancel.png" ToolTip="Cancel" Height="20px" Width="20px" />

<itemtemplate>
<asp:ImageButton ID="imgbtnEdit" CommandName="Edit" runat="server" ImageUrl="~/Images/Insert.png" ToolTip="Edit" Height="20px" Width="20px" />
<asp:ImageButton ID="imgbtnDelete" CommandName="Delete" Text="Edit" runat="server" ImageUrl="~/Images/delete.png" ToolTip="Delete" Height="10px" Width="10px" />

<footertemplate>
<asp:ImageButton ID="imgbtnAdd" runat="server" ImageUrl="~/Images/Add.png" CommandName="Add" Width="20px" Height="20px" ToolTip="Add new User" ValidationGroup="validaiton" OnClientClick="GetGridFooterRowvalues()" />

Member 12605293 21-Feb-17 7:07am

It is ok ,if I din't popup box onclick of footer textboxex

Member 12605293 21-Feb-17 7:01am

Is that possible writing condition to make the dialog fadeout???

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

Karthik_Mahalingam · Answer 1 · 2017-02-21T01:09:00

Solution 1

try this

$('tr', grid).on('click', function (obj, b) {
             if (['Update', 'Edit', 'Add'].indexOf(obj.target.value) > -1)
                 return;

Posted 21-Feb-17 1:09am

Karthik_Mahalingam

Comments

Member 12605293 21-Feb-17 7:23am

I have tried it is not working

Member 12605293 21-Feb-17 7:24am

$(function () {

var grid = document.getElementById('<%= gvDetails.ClientID%>');
$('tr', grid).on('click', function (obj,b) {
if (['Update', 'Edit', 'Add', 'txtsal1','Cancel'].indexOf(obj.target.value) > -1)
return false;

$("#id").html($(".clsempid", $(this).closest("tr")).html());
$("#name").html($(".clsempid1", $(this).closest("tr")).html());
$("#department").html($(".clsempid2", $(this).closest("tr")).html());
$("#age").html($(".clsempid3", $(this).closest("tr")).html());
$("#sal").html($(".clsempid4", $(this).closest("tr")).html());
$("#dialog").dialog({
title: "View Details",
buttons: {
Ok: function () {
$(this).dialog('close');
}
},
modal: true
});

});

});

Karthik_Mahalingam 21-Feb-17 7:54am

alert this value and check
alert(obj.target.value)

Member 12605293 21-Feb-17 8:11am

Not working Karthik

Karthik_Mahalingam 21-Feb-17 8:13am

what is the meaning of Not working?
what does it alerts?

Member 12605293 21-Feb-17 8:20am

the dialog box popsup karthik

Karthik_Mahalingam 21-Feb-17 8:21am

I just want the value

Member 12605293 21-Feb-17 8:24am

want the value of??

Karthik_Mahalingam 21-Feb-17 8:30am

alert(obj.target.value)
When clicking the button

Member 12605293 21-Feb-17 9:10am

It alerts the "localhost:numbers" when the image button is clicked
And The popup notcoming and it stops from there.
Here is the code I have tried::
$(function () {

var grid = document.getElementById('<%= gvDetails.ClientID%>');
$('tr', grid).on('click', function (obj,b) {
if (['Update', 'Edit', 'Add', 'txtsal1', 'Cancel'].indexOf(obj.target.type) != "image") {
alert(obj.target.value)
$("#dialog").dialog.fadeout()
}
else {

$("#id").html($(".clsempid", $(this).closest("tr")).html());
$("#name").html($(".clsempid1", $(this).closest("tr")).html());
$("#department").html($(".clsempid2", $(this).closest("tr")).html());
$("#age").html($(".clsempid3", $(this).closest("tr")).html());
$("#sal").html($(".clsempid4", $(this).closest("tr")).html());
$("#dialog").dialog({
title: "View Details",
buttons: {
Ok: function () {
$(this).dialog('close');
}
},
modal: true
});

}

});
});

Karthik_Mahalingam 21-Feb-17 9:14am

dont put fadeout.. you wll have to handle in both the cases.


$('tr', grid).on('click', function (obj,b) {
 
alert(obj.target.value)

Member 12605293 21-Feb-17 9:18am

Yes it shows undefined alert and not comming to else loop.

Karthik_Mahalingam 21-Feb-17 9:21am

ok. try with debugger

Member 12605293 21-Feb-17 9:21am

Hi Karthik
Can I have your emailId??

Karthik_Mahalingam 21-Feb-17 9:21am

no