ltaspDataList ID34dtListOtherItems34 runat34server34 ClientIDMode34Static34 RepeatDirection34Horizontal34 DataKeyField34Price34 RepeatColumns34434 OnItemCommand34dtListOtherItemsItemCommand34 OnItemDataBound34dtListOtherItemsItemDataBound34gtltItemTemplategtltaspImageButton ID34imgCategory34 runat34server34 ImageUrl39ltBind34Image34 gt39 Height34100px34 Width34100px34 CommandN

Please refer below codeHTMLltdivgt ltscript type34textjavascript34 src34httpajaxgoogleapiscomajaxlibsjquery172jqueryminjs34gtltscriptgt ltscript type34textjavascript34gt function 39iddtListOtherItems idbtnAdd39on39click39 function var count parseIntthisclosest39td39find39idtxtOrderQty39val 0 thisclosest39td39find39idtxtOrderQty39valcount 1 return false ltscriptgt ltaspScriptManager runat34server34gt ltaspScriptManagergt ltaspUpdatePanel runat34server34gt ltContentTemplategt ltaspDataList ID34dtListOtherItems34 runat34server34 ClientIDMode34Static34 RepeatDirection34Horizontal34 RepeatColumns34434gt

Get Current Item of DataList using Jquery on Button click

shafeekc...

SOLVED CLOSED ACTIVE ANSWERED
User: shafeekck
Posted: on Jan 17, 2016 09:51 PM
Forum: Data Controls
Answer: 1
Views: 8317

<asp:DataList ID="dtListOtherItems" runat="server" ClientIDMode="Static" RepeatDirection="Horizontal" DataKeyField="Price" RepeatColumns="4" OnItemCommand="dtListOtherItems_ItemCommand" OnItemDataBound="dtListOtherItems_ItemDataBound">
<ItemTemplate>

<asp:ImageButton ID="imgCategory" runat="server" ImageUrl='<%#Bind("Image") %>' Height="100px" Width="100px" CommandName="Select" CommandArgument='<%#Bind("ProductID") %>' />&nbsp;<br />

<asp:Label ID="lblProductName" runat="server" CssClass="control-label" Text='<%#Bind("ProductName") %>' Width="120px"></asp:Label><br />
<label class="control-label">S :</label><asp:Label ID="lblQuantity" runat="server" CssClass="control-label" Text='<%#Bind("QtyInHand") %>'></asp:Label><br />
<asp:TextBox ID="txtOrderQty" runat="server" onblur="checkDec(this);" ClientIDMode="Static" CssClass="form-control" Width="50px" Height="20px" ></asp:TextBox>
<asp:Button ID="btnAdd" runat="server" ClientIDMode="Static" OnClientClick="btnClick(this);" />
</ItemTemplate>
</asp:DataList>

I need to change the txtOrderQty  textbox value when btnAdd click event using jquery

Download FREE API for Word, Excel and PDF in ASP.Net

Andrea

0 1

Reply
User: Andrea
Replied: on Jan 17, 2016 09:51 PM
Report

Hi @shafeekck, Please try the following Clear TextBox inside ASP.Net DataList using JavaScript and jQuery It might help you. Cheers Andrea.

shafeekc...

0 2

Reply
User: shafeekck
Replied: on Jan 18, 2016 02:47 AM
Report

Thanks for your reply

i tried like this

var count = parseInt($(button).closest('[id*=dtListOtherItems]').find('[id*=txtOrderQty]').val()) || 0;
$(button).closest('[id*=dtListOtherItems]').find('[id*=txtOrderQty]').val(count + 1);

but its changing whole data list item textbox text

i need only button clicked item textbox

Shashika...

0 3

Reply
User: Shashikant
Replied: on Jan 18, 2016 05:00 AM
Report

Hi,

Please replace below code

var count = parseInt($(button).closest('[id*=dtListOtherItems]').find('[id*=txtOrderQty]').val()) || 0;
$(button).closest('[id*=dtListOtherItems]').find('[id*=txtOrderQty]').val(count + 1);

with

var count = parseInt($(button).closest('td').find('[id*=txtOrderQty]').val()) || 0;
$(button).closest('td').find('[id*=txtOrderQty]').val(count + 1);

I hope this will help you out.

shafeekc...

0 4

Reply
User: shafeekck
Replied: on Jan 18, 2016 05:34 AM
Report

Thanks Shashikant

Its working

but some time the textbox value not updating

The dataList inside the Update Panel

Shashika...

0 5

Reply
User: Shashikant
Replied: on Jan 18, 2016 05:51 AM
Report

Hi,

Please try below code.

<script type="text/javascript">
    $(function () {
        $('[id*=btnAdd]').on('click', function () {
            var count = parseInt($(this).closest('td').find('[id*=txtOrderQty]').val()) || 0;
            $(this).closest('td').find('[id*=txtOrderQty]').val(count + 1);
            return false;
        })
    });
</script>

I hope this will help you out.

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Get Current Item of DataList using Jquery on Button click

Company

Explore

Follow us

Contact Us