I have a aui form with Liferay.Autofields enabled.
The fields that I am duplicating with Autofield has a button and a textfield. The button click will trigger the datepicker and the selected value should be stored in the textfield.
And, when I click the "PLUS" button provided by Autofield, the fields are duplicated.
First, I need to know how I can bind the trigger event of all buttons to the datepicker. I know to do this for a single button. But since we are using autofield, I need to give the ID of the button with the index. Can anyone suggest how to bind the trigger event in my scenario
Second, once I click the date picker button, I should be able to get index of the Autofield row in which I have clicked, so that I can update my textfield
Related
I need to add an event listener to an ag-grid header that fires when enter is pressed only when the column is currently focused in ag-grid. The reason for this is because I'm trying to open a custom modal. I already have it firing on an event click of the button I created. However, this is not accessible, so I need to be able to tab to it and then press enter to open the modal.
Currently I am using the headerComponentParams: template: to render the html necessary in the header.
I have a dropdown button which works fine when I visit the page(having the button) first time but whenever i revisit the page containing the dropdown button, the previously selected value appears rather than the hint text which i want to appear every time the page is visited.
Dropdown button has a property value where we specify our variable to get the selected value. Before moving to the next screen you can set back the default value to it and it should work.
I have an update panel with some text entry boxes, a clear button and a save button. Under the boxes I have a repeater that holds database entries. When a user enters data in the textboxes and clicks the Save, a database row is created and the repeater rebinds and shows the new dataset. There are buttons on each repeater row for "Delete" and "Edit". When the Edit button is clicked on a row, the data from that row is populated back into the text boxes. When I do that, the autocomplete extenders stop working. I have a button that simply clears the textboxes. If I click that button and clear the textboxes, the autocomplete starts working again. Even if I remove all code from that "Edit" button in the repeater command and don't have it populate the text boxes from the row clicked, the autocomplete stops working. Something is happening on the item command for the repeater row that is turning off the autocomplete. Any suggestions?
I had some javascript functions running from the code behind on page load. Moving that from the server side page load to the javascript pageLoad() function fixed the issue
I am looking for a way to perform some actions when the user taps the accept/checkmark button in the DatePicker control also when the user does not change the date, i.e. this should be different from canceling out of the DatePicker by tapping the back or cancel button. Is there a way to add an event handler to this button?
Background: to help the user selecting a recent date (and avoid excessive scrolling), the DatePicker is set to today's date. The user should be able to
select another date and tap the accept button -> date is saved (this I can handle in the DateChanged event) -> OK (sort of)
cancel by tapping the back or cancel button -> assumed the user does not want to set a date, and no action to save (no event handler needed) -> OK
select the suggested date (today) by tapping the accept button -> date is supposed to be saved but DateChanged does not fire and there is no event for the accept button tapped.
Given the initial answer below I should perhaps emphasize that this is not about getting the date value from the control but about knowing if the user has tapped the accept/checkmark button or canceled the selection. What I'm looking for is a way to customize the DatePicker control so that allows me to capture that event.
This is normal behavior, the DateChanged event is fired only when the date actually change.
Of course you still have a way to have the selected date. Give a name to your DatePicker element:
<DatePicker Name="DatePick" Height="47" Width="323"/>
Then you can get the date by looking at the Date property:
DateTimeOffset selectedDate = DatePick.Date;
Those 2 buttons (done / cancel) are just there to validate the changes made in this UI:
Done : change the value of the Date in the DatePicker element, if the date was changed the DateChanged event is fired, if not then nothing happen.
Cancel (or backbutton) : cancel the date selection, the Date property of the DatePicker element stay the same even if you changed the selected date in the DatePicker.
If you want to know if the user accepted the date you show him, don't use the buttons in the DatePicker UI but add two buttons on your own page, the buttons in the DatePicker UI are just to validate or cancel a change you made to the date.
In my case, I want the user to pickup the values by clicking on a ">" type image at the end of the cell and a modal window is opened. Within the modal window a dynamic way to pass the value selected back to the cell.
You should look into this answer..instead of having custom button you can have an image button with each cell, in this answer he's adding a custom button in pager, but you can have a custom button with each cell like this.
Now after adding a image button, on click function you can get the value of the column using getCol and open a dialog using jQuery like this and then you can use setCol property of jqGrid to set the value of column.
Now try to write code using this approach. If you get any difficulty let us know.