or
3 answers
217 views
Hi,
<a data-role="button" data-click="onClick" >Open</a>
<ul data-role="actionsheet" id="actionsheet">
<li><a data-action="foo">Foo</a></li>
<li><a data-action="bar">Bar</a></li>
</ul>
function onClick(){
if(i>5)
{
// I want to open above action sheet here if condition satisfy,
}
else
{
alert("Cannot open action sheet");
}
}
I want to open the actionsheet on the click of button.
After clicking button, onclick function is invoking where i am doing some condition checking.If condition satisfy i want to open action sheet.
Please do the needful.If possible please provide demo in JS Bin
<a data-role="button" data-click="onClick" >Open</a>
<ul data-role="actionsheet" id="actionsheet">
<li><a data-action="foo">Foo</a></li>
<li><a data-action="bar">Bar</a></li>
</ul>
function onClick(){
if(i>5)
{
// I want to open above action sheet here if condition satisfy,
}
else
{
alert("Cannot open action sheet");
}
}
I want to open the actionsheet on the click of button.
After clicking button, onclick function is invoking where i am doing some condition checking.If condition satisfy i want to open action sheet.
Please do the needful.If possible please provide demo in JS Bin
Alexander Valchev
Telerik team
answered
on
19 Mar 2013
3 answers
135 views
The date/month picker animation is just horrible in some browser/video card setups. What's worse is I'm so embarrassed when my customers see demos of our large enterprise-level apps. I don't have anything to tell them other than Telerik won't let us turn them off. Yes, we could use custom cell editors everywhere, but what a productivity killer...we have tons of grids and tons of dates in our apps...there's no way we could do that.
The picker widgets have the setting. Please.......provide us with a simple setting in the grid to turn them off.
This is so embarrassing.
Thanks.
The picker widgets have the setting. Please.......provide us with a simple setting in the grid to turn them off.
This is so embarrassing.
Thanks.
Atanas Korchev
Telerik team
answered
on
19 Mar 2013
1 answer
91 views
Hello,
I am attempting to upgrade from Kendo v2012.2.71 to the latest internal build: v2012.3.1512 (I also tried the latest official release build).
In my existing code, I was previously defining a datasource and grid like the following:
Notice that a define testDataSource then use it as the value of the grids datasource. This however seems to lo longer work. Instead I get a blank grid.
If I instead change the code to the following it does work:
The only difference being that the datasource is now created directly inline with the grid.
Why has this behavior changed? Can I no longer define a remote datasource separate from my grid? Note that if the datasource is not remote (locally defined array) then it does seem to work properly.
I am attempting to upgrade from Kendo v2012.2.71 to the latest internal build: v2012.3.1512 (I also tried the latest official release build).
In my existing code, I was previously defining a datasource and grid like the following:
var testDataSource = new kendo.data.DataSource( { transport: { read: { url: "/api/Grids/Events", dataType: "json", contentType: "application/json; charset=utf-8", type: "POST", data: function () { return { filterId: filterId }; } }, parameterMap: function (options) { return JSON.stringify(options); } }, schema: { model: { id: "organizationDeviceId", fields: { organizationDeviceName: { type: "string" }, EventName: { type: "string" }, EventDetails: { type: "string" }, EventSeverity: { type: "string" }, EventDate: { type: "date" } } // End of fields }, // End of model data: "Entries", total: "TotalCount" }, sort: { field: "EventDate", dir: "desc" }, pageSize: 14, serverPaging: true, serverSorting: true, serverFiltering: true });var EventsDataGrid = $("#eventsGrid").kendoGridWithTitles({ selectable: "row", dataSource: testDataSource, columnMenu: true, filterable: true, scrollable: true, sortable: true, resizable: true, height: 500, toolbar: kendo.template($("#filterToolbarTemplate").html()), columns: [ { title: Globalize.localize("Dashboards_Events_DeviceName"), field: "organizationDeviceName", template: "<a href='//OrganizationDevice?organizationDeviceId=#= organizationDeviceId #'>#= organizationDeviceName #</a>" }, { title: Globalize.localize("Dashboards_Events_EventName"), field: "EventName" }, { title: Globalize.localize("Dashboards_Events_EventDetails"), field: "EventDetails" }, { title: Globalize.localize("Dashboards_Events_EventSeverity"), field: "EventSeverity" }, { title: Globalize.localize("Dashboards_Events_Date"), field: 'EventDate', template: "<div>#= kendo.toString(EventDate, CloudSAAS.GeneralDateTimeFormat) #</div>" } ], pageable: { input: true, numeric: false },}).data("kendoGrid");Notice that a define testDataSource then use it as the value of the grids datasource. This however seems to lo longer work. Instead I get a blank grid.
If I instead change the code to the following it does work:
var EventsDataGrid = $("#eventsGrid").kendoGridWithTitles({ selectable: "row", dataSource: { transport: { read: { url: "/api/Grids/Events", dataType: "json", contentType: "application/json; charset=utf-8", type: "POST", data: function () { return { filterId: filterId }; } }, parameterMap: function (options) { return JSON.stringify(options); } }, schema: { model: { id: "organizationDeviceId", fields: { organizationDeviceName: { type: "string" }, EventName: { type: "string" }, EventDetails: { type: "string" }, EventSeverity: { type: "string" }, EventDate: { type: "date" } } // End of fields }, // End of model data: "Entries", total: "TotalCount" }, sort: { field: "EventDate", dir: "desc" }, pageSize: 14, serverPaging: true, serverSorting: true, serverFiltering: true }, columnMenu: true, filterable: true, scrollable: true, sortable: true, resizable: true, height: 500, toolbar: kendo.template($("#filterToolbarTemplate").html()), columns: [ { title: Globalize.localize("Dashboards_Events_DeviceName"), field: "organizationDeviceName", template: "<a href='//OrganizationDevice?organizationDeviceId=#= organizationDeviceId #'>#= organizationDeviceName #</a>" }, { title: Globalize.localize("Dashboards_Events_EventName"), field: "EventName" }, { title: Globalize.localize("Dashboards_Events_EventDetails"), field: "EventDetails" }, { title: Globalize.localize("Dashboards_Events_EventSeverity"), field: "EventSeverity" }, { title: Globalize.localize("Dashboards_Events_Date"), field: 'EventDate', template: "<div>#= kendo.toString(EventDate, CloudSAAS.GeneralDateTimeFormat) #</div>" } ], pageable: { input: true, numeric: false },}).data("kendoGrid");Why has this behavior changed? Can I no longer define a remote datasource separate from my grid? Note that if the datasource is not remote (locally defined array) then it does seem to work properly.
Rosen
Telerik team
answered
on
19 Mar 2013
1 answer
43 views
Scroll view is working fine in landscape when we change the orientation to portrait design scroll page is not align properly. Please find the attachment for reference.
Alexander Valchev
Telerik team
answered
on
19 Mar 2013
5 answers
567 views
Hello,
I have an Editor where I have setup with the "paste" event. I am having no problem with the event firing it is that I can't get it to replace the content correctly. Here is a working example of the problem http://jsfiddle.net/WgvNr/3/. To test paste in some Microsoft Word content with some formatting. The paste event will strip the Word formatting. This works also, but it leaves the original content and the edited content. How can I just have the edited content show in the editor?
I have an Editor where I have setup with the "paste" event. I am having no problem with the event firing it is that I can't get it to replace the content correctly. Here is a working example of the problem http://jsfiddle.net/WgvNr/3/. To test paste in some Microsoft Word content with some formatting. The paste event will strip the Word formatting. This works also, but it leaves the original content and the edited content. How can I just have the edited content show in the editor?
$("#txtActions").kendoEditor({ tools: [ "bold", "italic", "underline", "insertUnorderedList", "insertOrderedList", ], paste: function (e) { var editor = $("#txtActions").data("kendoEditor"); editor.value(CleanWordHTML(e.html)); //console.log(editor); }});6 answers
245 views
My control only allows one file to be uploaded, and I want the k-upload-files section only show the latest file , not the list of files. Is there a configuration that I can change to achieve this?
In my attached image, I only want the second file displayed when the user choose to upload a different image.
In my attached image, I only want the second file displayed when the user choose to upload a different image.
1 answer
197 views
I'm wanting to have a flow to my conference registration where I ask a question in the first dialog:
Are you a a)speaker b)presenter c)sponsor
if they say speaker they go to a special page before going to the normal registration.
etc,etc,etc.
How would I implement something like this in KendoUI. My backend is asp.net MVC4 webapi, not that it matters.
Thanks
Are you a a)speaker b)presenter c)sponsor
if they say speaker they go to a special page before going to the normal registration.
etc,etc,etc.
How would I implement something like this in KendoUI. My backend is asp.net MVC4 webapi, not that it matters.
Thanks
Devon
Top achievements
Rank 1
Rank 1
answered
on
18 Mar 2013
3 answers
122 views
The TypeScript definitions for TreeView should be checked. Some seem to be wrong. For example...
- The parameter's datatype of "collapse" is not string.
- The parameter's datatype of "expand" is not string,
- The return datatype of "dataItem" is not void.
Michael G. Schneider
Alex Gyoshev
Telerik team
answered
on
18 Mar 2013
3 answers
150 views
I just updated to 2012.3.1114 and all of my Grid code that uses selectable: "row" and a change: function do not work??
I click a row or cell in the Grid and nothing happens - no event is fired.
The on-line demo for Grid selection does not use a change function so hard to tell if something has changed?
This is a big issue for me .. please can you tell me if this is a bug or has something changed with row selection / change ?
UPDATE:
This appears to be a CHROME issue on Windows 8. Running the same code in IE10 works....
I click a row or cell in the Grid and nothing happens - no event is fired.
The on-line demo for Grid selection does not use a change function so hard to tell if something has changed?
This is a big issue for me .. please can you tell me if this is a bug or has something changed with row selection / change ?
UPDATE:
This appears to be a CHROME issue on Windows 8. Running the same code in IE10 works....
Nikolay Rusev
Telerik team
answered
on
18 Mar 2013
1 answer
79 views
I was asked this question by coworkers, and wanted to check my thoughts with you all, and ask if you have any others.
One obvious answer is that if we're using Kendo UI components frequently, this has the advantage of making our own both consistent and familiar.
I think the most important answer, though, is that by doing so we'll have access to all the framework features of the kendo components, which your site lists as: "Datasource, Templates, MVVM, Effects, Drag and Drop, Validator, Globalization, Styling, Integration." Are all of those Kendo features in fact available to custom widgets that have extended kendo.ui.widget?
Any other thoughts about a good response/justification to the question?
Thanks in advance,
Jon
One obvious answer is that if we're using Kendo UI components frequently, this has the advantage of making our own both consistent and familiar.
I think the most important answer, though, is that by doing so we'll have access to all the framework features of the kendo components, which your site lists as: "Datasource, Templates, MVVM, Effects, Drag and Drop, Validator, Globalization, Styling, Integration." Are all of those Kendo features in fact available to custom widgets that have extended kendo.ui.widget?
Any other thoughts about a good response/justification to the question?
Thanks in advance,
Jon
Petyo
Telerik team
answered
on
18 Mar 2013
