How to add the function in obout save button in javascript?

Discussion in 'ASP.NET / ASP.NET Core' started by ChariVarun, Oct 5, 2010.

  1. Hi to all.

    I have to add one method in javascript to obout save button for when the button is click, i have to check whether all the data are correct.

    I dont know how to capture the obout Save button ID by default.

    I just use the default save button in obout (like AllowAddingRecords=true)

    Thanks and Regards
     
  2. Hi,
    Do you have the code examples for those controls?
    This is the code for a postback event where you can do checks:

    <%@ Page Language="C#" Debug="true"%>
    <%@ Register TagPrefix="obout" Namespace="OboutInc.ColorPicker" Assembly="obout_ColorPicker" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html>
    <head>
    <title>obout ASP.NET ColorPicker example</title>
    <link rel="stylesheet" href="example_styles/style.css" />

    <script runat=server language="c#">
    void Page_load(object sender, EventArgs e){
    if(!IsPostBack){
    picker.InitialColor = color.Style["background-color"] = previous.Style["background-color"] = "#FFFFFF";
    }
    }
    private void Color_CallBack(object sender, ColorPostBackEventArgs e){
    color.Style["background-color"] = e.Color;
    previous.Style["background-color"] = e.PreviousColor;
    }
    </script>
    </head>
    <body class="bodyStyle">
    <a href="Default.aspx">< Back to examples</a>
    <br /><br /><br /><br /><br /><br /><br /><br />
    <form runat="server">
    <center>
    Click to the box:
    <obout:ColorPicker runat="server" ID="picker"
    TargetId="color" TargetProperty="style.backgroundColor"
    OnColorPostBack="Color_CallBack" PickButton="false" AutoPostBack="true" >
    <asp:TextBox readOnly="true" id="color" style="cursor: pointer;" runat="server"/>
    </obout:ColorPicker>
    Previous color:
    <asp:TextBox readOnly="true" id="previous" style="width: 40px;" runat="server"/>
    </center>
    </form>
    <br /><br /><br /><br /><br /><br /><br /><br />
    </body>
    </html>
     

Share This Page