Gridview :: การแบ่งหน้าแสดงผลให้กับ Gridview

Post by Goborijung at 2019-10-25 14:42:08 | ID: 166

>>> การแบ่งหน้าการแสดงผลให้กับ GridView

1. เพิ่ม Object Gridview ในหน้า ASPX
<asp:GridView ID="dgvSaleOrder" runat="server" AutoGenerateColumns="false" AllowPaging="true" PageSize="5" CssClass="table-hover"></asp:GridView>

2. เพิ่ม Action :: PageIndexChanging ให้กับ GridView แล้วเขียนคำสั่งดังนี้ในหน้า VB.ASPX
dgvXXX.PageIndex = e.NewPageIndex
load_dgvXXX()

Gridview :: การใส่ Format ให้กับเลขหลักพัน

Post by Goborijung at 2019-10-24 13:39:09 | ID: 164

<asp:GridView ID="dgvSaleOrder" runat="server" AutoGenerateColumns="False">
   <Columns>
                    
    <asp:BoundField HeaderText="OrderQTY" DataField="ORDQTYPCS" SortExpression="ORDQTYPCS" DataFormatString="{0:N0}" />

   </Columns>
</asp:GridView>

Gridview :: รันเลขลำดับให้กับ Columns

Post by Goborijung at 2019-10-24 13:37:25 | ID: 163

<asp:GridView ID="dgvSaleOrder" runat="server" AutoGenerateColumns="False">
   <Columns>
                    
    <asp:TemplateField HeaderText="#">
        <ItemTemplate>
           <%# Container.DataItemIndex + 1 %>
        </ItemTemplate>
    </asp:TemplateField>

   </Columns>
</asp:GridView>

Javascript Function :: Hide setTimeOut()

Post by Goborijung at 2019-09-30 21:18:15 | ID: 133

<script>
        function hideDiv1() {
            document.getElementById("div1").style.display = 'none';
        }
        setTimeout("hideDiv1();", 3000);
</script>

<form id="form1" runat="server">
        <div id="div1">
            <input type="text" name="text1" />
            <input type="button" name="button1" value="Click" />
        </div>
</form>

Javascript Function :: กรอกข้อมูลได้เฉพาะ 0-9

Post by Goborijung at 2019-10-01 12:38:31 | ID: 140

function AllowOnlyIntegers()
{
	var keyCode = event.keyCode;
	if (keyCode >= 48 && keyCode <= 57)
	{ 
		// keyCode 48-57 คือเลข 0-9 || 65-90 คือ A-Z
		event.returnValue = true;
	}
	else
	{
		event.returnValue = false;
	}
}

Javascript Function :: การส่งต่อข้อมูลไปยังอิลิเมนต์าอื่น

Post by Goborijung at 2019-09-30 16:01:31 | ID: 128

<script>
  function CallInput()
  {
      var firstname = document.getElementById("FirstName").value;
      var lastname = document.getElementById("LastName").value;
      document.getElementById("FullName").value = firstname + " " + lastname;
  }
</script>

<form id="form1">
	<input type="text" id="FirstName" /><br />
  <input type="text" id="LastName" /><br />
  <input type="button" value="click" onclick="CallInput()" />
  <input type="text" id="FullName" />
</form>

Javascript Function :: กำหนดค่าใน Table

Post by Goborijung at 2019-09-30 22:15:43 | ID: 134

<script>
   function assignTable() {
       var tbl = document.getElementById("table1");  
       tbl.rows[0].cells[0].innerHTML = "แถวที่ 0 คอลัมที่ 0";
       tbl.rows[0].cells[1].innerHTML = "แถวที่ 0 คอลัมที่ 1";
   }
</script>

<input type="button" id="cmdAssign" value="กำหนดค่าตาราง" onclick="assignTable()" />
<table id="table1" border="1">
   <tr>
      <td></td>
      <td></td>
   </tr>
</table>

Javascript Function :: ควบคุมอิลิเมนต์ Div

Post by Goborijung at 2019-09-30 21:11:23 | ID: 132

<script>
        function controlDiv() {
            if (document.getElementById("div1").style.display == 'none') {
                document.getElementById("div1").style.display = 'block';
                document.getElementById("cmdControl").value = '-';
            }
            else {
                document.getElementById("div1").style.display = 'none';
                document.getElementById("cmdControl").value = '+';
            }
        }
</script>

<form id="form1" runat="server">
        <input type="button" id="cmdControl" value="-" onclick="controlDiv()" />
        <div id="div1">
            <input type="text" name="text1" />
            <input type="button" name="button1" value="Click" />
        </div>
</form>

Javascript Function :: ตรวจสอบฟอร์ม HTML(Text)

Post by Goborijung at 2019-09-30 16:52:25 | ID: 130

<script>
        function ValidForm(frm)
        {
            for (var i = 0; i < frm.elements.length; i++)
            {
                if (frm.elements[i].type == "text")
                {
                    if (frm.elements[i].value == "")
                    {
                        alert("กรุณาป้อนข้อมูลให้ครบทุกช่องนะคะ");
                        return false;
                    }
                }
            }
            return true;
        }
</script>

<form id="form1" runat="server" onsubmit="return ValidForm(this)">
        กรูณาป้อนข้อมูลให้ครบทุกช่องนะคะ
        <br />name : <input type="text" name="name" />
        <br />address : <input type="text" name="address"/> 
        <br />phone : <input type="text" name="phone" />
        <input type="submit" name="submit" value="click" />
</form>

Javascript Function :: ตรวจสอบรายการที่ถูกเลือกใน Element Select

Post by Goborijung at 2019-09-30 20:54:39 | ID: 131

<script>
        function checkSelected() {
            var select = document.getElementById("select").value;
            document.getElementById("getSelected").innerHTML = select+"<br>";
        }
</script>

<form id="form1" runat="server">
        <div>
            <span id="getSelected"></span>
            <select id="select" onchange="checkSelected()">
                <option value="-">เลือกภาษาที่สนใจ</option>
                <option value="vb">Visual Basic</option>
                <option value="vc">Visual C#</option>
                <option value="asp">ASP.Net</option>
            </select>
        </div>
</form>