This is a migrated thread and some comments may be shown as answers.

[Solved] Client Update Edit Control

2 Answers 125 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Brett
Top achievements
Rank 1
Brett asked on 29 Mar 2013, 03:57 PM
I have a date time picker control in an edit form of a rad grid.  I added a button to the edit for to get the current date and update the selected date of the date time picker.  I can't seem to get the code correct.  I get the following javascript error:

Error: Object doesn't support property or method 'set_selectedDate'

Here is the javascript function and the aspx markup:

Can some please help me figure out a way to update the selected date when the button in click in the edit form?

function AccessOnclient() {
            var grid = $find("<%= radGrid.ClientID %>");
            if (grid) {
                var EditItems = grid.get_editItems();
                for (var i = 0; i < EditItems.length; i++) {
                    var editItem = EditItems[0];
                    var dateTimePicker = $(editItem.get_editFormItem()).find("input[id*='StartDate']").get(0)
                    var date = new Date;
                    dateTimePicker.set_selectedDate(date);
 
                }
            }
            return false;



<telerik:GridTemplateColumn HeaderText="Start Date" UniqueName="StartDate" DataField="StartDate" SortExpression="StartDate" FilterControlWidth="90px">
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblStartDate" Text='<%# Eval("StartDate", "{0:g}") %>'>
                                </asp:Label>
                            </ItemTemplate>
                                <InsertItemTemplate>
                                    <telerik:RadDateTimePicker ID="StartDate" MinDate="2013/1/1" runat="server" DbSelectedDate='<%# Bind("StartDate") %>'>
                                </telerik:RadDateTimePicker>
                                <asp:Button runat="server" id="btnGetDate" Text="Get Date" OnClientClick="return AccessOnclient()" />
                                <asp:RequiredFieldValidator ID="StartDateRequiredInsert" ControlToValidate="StartDate" runat="server" ErrorMessage="Required"></asp:RequiredFieldValidator>
                                </InsertItemTemplate>
                            <EditItemTemplate>
                                <telerik:RadDateTimePicker ID="StartDate" MinDate="2013/1/1" runat="server" DbSelectedDate='<%# Bind("StartDate") %>'>
                                </telerik:RadDateTimePicker>
                                <asp:Button runat="server" id="btnGetDate" Text="Get Date" OnClientClick="return AccessOnclient()" />
                                <asp:RequiredFieldValidator ID="StartDateRequiredEdit" ControlToValidate="StartDate" runat="server" ErrorMessage="Required"></asp:RequiredFieldValidator>
                            </EditItemTemplate>
                        </telerik:GridTemplateColumn>
Thanks in advance for any help.

Brett

2 Answers, 1 is accepted

Sort by
0
Jayesh Goyani
Top achievements
Rank 2
answered on 31 Mar 2013, 07:42 PM
Hello,

<script type="text/javascript">
 
       function AccessOnclient(sender) {
           var StartDate = $telerik.findDateTimePicker(sender.id.replace("btnGetDate", "StartDate"));
           var date = new Date;
           StartDate.set_selectedDate(date);
           return false;
       }
   </script>
<asp:Button runat="server" ID="btnGetDate" Text="Get Date" OnClientClick="return AccessOnclient(this)" />


Thanks,
Jayesh Goyani
0
Brett
Top achievements
Rank 1
answered on 04 Apr 2013, 04:57 AM
Sorry for the late response.  I implemented the solution you suggested and it worked perfectly.
Thank you for taking the time to help me.  I appreciate it.
Tags
Grid
Asked by
Brett
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Brett
Top achievements
Rank 1
Share this question
or