Tuesday 28 November 2017

Double click on gridview using asp.net

1./////////// HTML

<asp:GridView ID="GridView1" runat="server" DataKeyNames="ID" AutoGenerateColumns="false"
    OnRowDataBound="GridView1_RowDataBound"  OnRowCommand="GridView1_RowCommand">
    <Columns>
        <asp:BoundField DataField="Name" HeaderText="Name" />
        <asp:BoundField DataField="Country" HeaderText="Country" ItemStyle-Width="150" />
        <asp:CommandField SelectText="Select" ShowSelectButton="true" Visible="false" />
    </Columns>

</asp:GridView>



2.//////////// Event on page directory

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" EnableEventValidation="false" %>




3.////////// CS

  protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Attributes.Add("ondblclick", "__doPostBack('GridView1','Select$" + e.Row.RowIndex + "');");
            e.Row.Attributes["style"] = "cursor:pointer;";
        }
    }
  
    protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
    {
        int index = Convert.ToInt32(e.CommandArgument);
        GridViewRow gvRow = GridView1.Rows[index];

    }

Show update progress model inside trigger in asp.net

//////html

<asp:UpdateProgress ID="UpdWt" runat="server" DisplayAfter="1" AssociatedUpdatePanelID="UpdMaster">
            <ProgressTemplate>
                <div class="overlayWait" align="center">
                    <div class="textoverlayWait">
                        <i class="fa fa-clock-o" style="left: 10px; position: absolute; top: 2px;"></i>
                        <img src="img/wait.gif">
                        <div style="width: 130px;">
                            Please Wait <span id="loadspn">.</span>
                        </div>
                    </div>
                </div>
            </ProgressTemplate>

        </asp:UpdateProgress>


///////// JS

<script type="text/javascript">
            window.onsubmit = function () {
                if (Page_IsValid) {
                    var updateProgress = $find("<%= UpdWt.ClientID %>");
                    window.setTimeout(function () {
                        updateProgress.set_visible(true);       
                    }, 100);
                }
            }
      
        </script>

Hide update progress model inside Response.End() in asp.net after download excel

//////html

<asp:UpdateProgress ID="UpdWt" runat="server" DisplayAfter="1" AssociatedUpdatePanelID="UpdMaster">
            <ProgressTemplate>
                <div class="overlayWait" align="center">
                    <div class="textoverlayWait">
                        <i class="fa fa-clock-o" style="left: 10px; position: absolute; top: 2px;"></i>
                        <img src="img/wait.gif">
                        <div style="width: 130px;">
                            Please Wait <span id="loadspn">.</span>
                        </div>
                    </div>
                </div>
            </ProgressTemplate>

        </asp:UpdateProgress>


///////// JS

<script type="text/javascript">
            window.onsubmit = function () {
                if (Page_IsValid) {
                    var updateProgress = $find("<%= UpdWt.ClientID %>");
                    window.setTimeout(function () {
                        updateProgress.set_visible(false);       
                    }, 5000);
                }
            }
      
        </script>

Monday 20 November 2017

Enable Disable div and inside control using jquery

////////////// Exp
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
  
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script language="javascript">
        $(document).ready(function () {
            $("#btnDisable").on("click", function () {
                $("#divContainer").find("input, button, submit, textarea, select").attr("disabled", "disabled");
                $("#divContainer").find("a").click(function (e) {
                    e.preventDefault();
                });
            });
            $("#btnEnable").on("click", function () {
                $("#divContainer").find("input, button, submit, textarea, select").removeAttr("disabled");
                $("#divContainer").find("a").unbind("click");
            });
        });
    </script>
</head>
<body>
    <input type="button" id="btnDisable" value="Disable Controls" />
    <input type="button" id="btnEnable" value="Enable Controls" />
    <div id="divContainer" style="broder: solid 1px #ccc; padding: 10px;">
        UserName<br />
        <input type="text" id="txtUserName" />
        <br />
        Password<br />
        <input type="password" id="txtPassword" />
        <br />
        <input type="checkbox" id="chbRember" />Rember me
        <br />
        <input type="button" id="btnLogin" value="Login" />
        <br />
        <br />
        <a href="/home.aspx" target="_blank">Home Page</a>
    </div>
</body>
</html>


Saturday 18 November 2017

Calculate textarea characters using jquery

/////////////////////// html

<asp:TextBox ID="txt_Remarks" runat="server" CssClass="form-control" TextMode="MultiLine"

 MaxLength="150" Height="50px" onkeyup="return txt_area_Charc(this, 'txtCCountChar', 150)"></asp:TextBox>


//plugin-


     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>


///////////// js
function txt_area_Charc(val, txtcid, mval) {
    var len = val.value.length;
    if (len >= mval) {
        val.value = val.value.substring(0, mval);
        if (len == mval && txtcid != "") {
            $('#' + txtcid).text((mval - (len)) + " Character Left");
        }
        return false;
    } else {
        if (txtcid != "") {
            $('#' + txtcid).text((mval - (len)) + " Character Left");
        }
    }

}

// result


Transpose multiple columns to single column name and single row to their corresponding columns

/////////////// Sql problem

SELECT 'Data'as [Totals], sum(isnull([Avare],0))[Avare],sum(isnull([Blackgram],0))[Blackgram],sum(isnull([Cowpea],0))[Cowpea],sum(isnull([Greengram],0))[Greengram],sum(isnull([Horsegram],0))[Horsegram],sum(isnull([Madaki],0))[Madaki],sum(isnull([TotalPulses],0))[TotalPulses],sum(isnull([Tur],0))[Tur] FROM [tbl_AgriCrop_AreaSown]











///////// Solution

SELECT field[Crops],value[Data (Ha.)]FROM(
SELECT  sum(isnull([Avare],0))[Avare],sum(isnull([Blackgram],0))[Blackgram],sum(isnull([Cowpea],0))[Cowpea],sum(isnull([Greengram],0))[Greengram],sum(isnull([Horsegram],0))[Horsegram],sum(isnull([Madaki],0))[Madaki],sum(isnull([TotalPulses],0))[TotalPulses],sum(isnull([Tur],0))[Tur]  FROM [tbl_AgriCrop_AreaSown]
)Dt
unpivot
(
value
for field in ([Avare],[Blackgram],[Cowpea],[Greengram],[Horsegram],[Madaki],[TotalPulses],[Tur])
)un


////// result



Using STUFF get multiple column Names in sing string in sql server


//// Sql

DECLARE @cols AS NVARCHAR(MAX),@Flg varchar(10)='18'
select @cols = STUFF((SELECT distinct ',[' + Description + ']' FROM mstLookup where lookupflag=@Flg FOR XML PATH(''), TYPE).value('.', 'NVARCHAR(MAX)') ,1,1,'')

print @cols


//// Result



Wednesday 15 November 2017

Date range in bootstrap date picker control using jquery



//////HTML

<asp:TextBox class="form-control" runat="server" AutoComplete="off" ClientIDMode="Static"

                                                        placeholder="dd/mm/yyyy" ID="Startdate");" />

//////Jquery
1.
$(document).ready(function () {
            setdatesRanges();
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(setdatesRanges);

        });
2.
function setdatesRanges() {
            Date_Range('Startdate', 'EndDate', true);

        }
3.
function Date_Range(tFrID, tToID, IsStartDate) {
    var setMinDate = "";
    if (IsStartDate == true) {
        setMinDate = 'now';
    }
    $('#' + tFrID + ',#' + tToID + '').datepicker({
        format: "dd/mm/yyyy",
        useCurrent: false,
        autoclose: true,
        startDate: setMinDate
    });
    $("#Startdate").datepicker().on('changeDate', function (e) {
        var minDate = new Date(e.date);
        $('#' + tToID).datepicker('setStartDate', minDate);
        $('#' + tToID).val($(this).val());
    });

}

Excel Sort values in ascending order using function TEXTJOIN

 Excel ::  Text ::  1,3,5,2,9,5,11 Result :: 1,2,3,5,5,9,11 Formula ::     TEXTJOIN ( ",",1,SORT(MID(SUBSTITUTE( A1 ,","...