不寫就忘記: JavaScript

顯示具有 JavaScript 標籤的文章。顯示所有文章

2015年10月27日星期二

自訂dialog

1.加入
/// 使用前需加入
/// <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
/// <script src="//code.jquery.com/jquery-1.10.2.js"></script>
/// <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
/// 因model屬性無法使用，所以加入block ui套件，但同時加入會造成block ui 擋住dialog ，故需調整index

html

javascript
function confirdialog(param1, param2, title, content,btnid) {
        $.blockUI({ message:"", baseZ: -1, }); //如果用block ui 就必須調整階層位置
        $("#dialog").dialog({
            draggable: false,
            title: title,
            open: function () {
                var markup = content;
                $(this).html(markup);
            },
            buttons: [
                {
                    text: param1,
                    click: function () {
                        $('#'+btnid).click();
                    }
                },
                {
                    text: param2,
                    click: function () {
                        $.unblockUI();
                        $(this).dialog('close');
                    }
                }
            ],
            zIndex: 999

        }).prev().find(".ui-dialog-titlebar-close").hide();; //本行為隱藏dialog打叉按鍵


    }

<body>
<div id="dialog" style="display:none" >

    </div>
<asp:Button runat="server" ID="btnSubmitxt" OnClick="btnSubmitxt_Click" Text="自訂名稱" />
   <asp:Button ID="Button1" runat="server" Text="Button" style = "display:none" OnClick="ConfirmAlert_Click" CausesValidation="false" />
</body>

cs.
ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "userControlCallClick", "confirdialog('" + actionText + "','" + closeText + "','" + title + "','" + content + "','" + Button1.ClientID + "')", true);

2015年8月26日星期三

javascript 控制是否要啟用驗證控制項

javascript:
        $(document).ready(function () {
            if ($('#txt2').val() == '') {
                ValidatorEnable($('#rfvtxt')[0], true);

            } else
                ValidatorEnable($('#rfvtxt')[0], false);
            $('#txt2').change(function () {
                if ($('#txt2').val() =='') {
                    ValidatorEnable($('#rfvtxt')[0], true);

                } else
                    ValidatorEnable($('#rfvtxt')[0], false);
            });
        });
        function validatePage() {
            var flag = Page_ClientValidate("aaa");
            return flag;
        }
html:

    <asp:RequiredFieldValidator runat="server" ID="rfvtxt" ControlToValidate="TXT" ErrorMessage="*"   ValidationGroup="aaa" Enabled="false"></asp:RequiredFieldValidator>
        <asp:Button runat="server" OnClick="Unnamed_Click"   OnClientClick="javascript:return validatePage();"/>

cs.
Page.Validate();
        if (!Page.IsValid)
        {
            return;
        }

寫成function做法
http://techbrij.com/client-side-validation-using-asp-net-validator-controls-from-javascript

2015年7月15日星期三

Checkbox 全選功能

內容轉載於:http://www.dotblogs.com.tw/alanjiang/archive/2013/06/30/107399.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Lab_CheckAllInGridView._default" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <title>CheckBox 全選</title>
    <script type="text/javascript" src="Scripts/jquery-2.0.2.min.js"></script>
    <script type="text/javascript">

        //  選擇 GridView 全部的 checkbox
        //  傳入控制checkbox全選的checkbox物件
        function checkAll(header) {
            $('#<%= gvData.ClientID %> input[type=checkbox]').prop("checked", header.checked);
            
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="gvData" runat="server" AutoGenerateColumns="False">
            <Columns>
                <asp:TemplateField HeaderText="選取">
                    <HeaderTemplate>
                        <asp:CheckBox ID="cbHeader" runat="server" onclick="checkAll(this);" />
                        選取
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:CheckBox ID="cbDel" runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:BoundField DataField="Name" HeaderText="姓名" />
                <asp:BoundField DataField="Age" HeaderText="年齡" />
            </Columns>
        </asp:GridView>
    </div>
    </form>
</body>
</html>

2015年10月27日 星期二