Questions on Kendo UI for jQuery Forum

1 answer

148 views

Google Chrome allows drag-and-drop file downloads (from browser to desktop).

Is it possible to display files in a Kendo UI Grid with multiple selection enabled, and allow users to drag-and-drop grid rows to download the associated files?

I've searched the forums but was unable to find other threads on this topic. From what I've seen in code, Kendo Draggable doesn't support dragging outside of the browser and having a grid with multiple selection enabled seems to interfere with native drag-and-drop support.

Has anyone encountered this scenario before, or seen any information on the topic? Thanks!

Grid

answered on 06 Oct 2014

3 answers

640 views

[Solved] Keyboard Navigation when Enter = perform search using params

I am using a DatePicker in a search form and when the user clicks enter (when in any textbox), I perform the search. The issue is: I need to allow the user (sighted or not) to use the keyboard to select a date using the DatePicker. How can I still allow the Enter key when the calendar is open, which will only select the date and also have the Enter key perform the search when the calendar is not open?

Thanks,
--Ed

DatePicker

answered on 06 Oct 2014

5 answers

222 views

[Solved] Window extension to perform action on open and on close for all windows

I would like to always perform some action on open of a Window and then also at close of a Window. Instead of repeating the code for every Window, I would like to have an extension I can use to do this for me. Is this possible and how would I go about this?

Specifically, I want to do this when the window opens:
$('body').css('overflow', 'hidden');

and this when the window closes:
$('body').css('overflow', 'visible');

Thanks,
--Ed

Window

answered on 06 Oct 2014

3 answers

107 views

[Solved] Filterable listview has white fonts with skin Black applied

Hi,
I have a mobile listview which is filterable. I applied the skin "black" to the layout, but unfortunately, now the font color inside the filter box is white, where the background is as well. I tried to override some styles, but does not seem to work. Fyi, the "Search" and search icon is also not visible.

ListView (Mobile)

answered on 06 Oct 2014

4 answers

352 views

[Solved] Continuously add new record after current new record saved?

Hello,

I would like to continuously add new record (popup edit) after current new record saved, is it possible?
Is there "saved" event could be used?

Thanks
Wicky

Grid

answered on 06 Oct 2014

1 answer

263 views

[Solved] Angular expression in column template in HTML file

I have a grid defined in my HTML file including column definitions like the following:

<div ng-controller="scoreController as score">

<div kendo-grid="score.grid"

k-on-change="score.change(kendoEvent)"

k-height="500"

k-columns="[

{

field: 'CustID',

title: 'ID',

},

{

field: 'QuarterName',

title: 'Quarter',

},

{

field: 'ClaimAmount' ,

title: 'Claim Amount' ,

template: '{{dataItem.ClaimAmount | currency}}'

},

]"

k-options="score.gridOptions"

k-pageable="true"

k-scrollable="true"

k-selectable="true"

k-sortable="true"></div>

</div>

The data source is defined in the controller.
I could not get the angular expression in the ClaimAmount template to work. It does work if I move the column definitions to the controller js file, but I would prefer to have them in the HTML. Is there a way to make this work in the HTML? All the samples I have seen define the columns in script.
Thanks.

Grid

answered on 06 Oct 2014

1 answer

570 views

get the id of a textbox in a grid when in edit mode?

How do I get the id of a textbox in a grid when it is in edit mode?

I have a grid and when I am in edit mode I want to pass the email address typed into the textbox to the controller via ajax and see if the already registered.

Here is my code so far, which by the way works if I was just filling in a standard form!

The grid:
@(Html.Kendo().Grid<ExternalTrainingDashboard.ViewModel.TraineeViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.ForeignKey(p => p.TitleID, (System.Collections.IEnumerable)ViewData["titles"], "TitleID", "Title");
columns.Bound(p => p.FirstName);
columns.Bound(p => p.LastName);
columns.Bound(p => p.EmailAddress);
columns.Command(command =>
{
command.Edit();
});
})
.ToolBar(toolBar =>
{
toolBar.Create().Text("Create New Trainee");
})
.Editable(editable => editable.Mode(GridEditMode.InLine))
.DataSource(dataSource => dataSource
.Ajax()
.Events(events => events.Error("error_handler"))
.Model(
model =>
{
model.Id(p => p.TraineeID);
})
.Read(read => read.Action("Trainee_Read", "Trainee"))
.Update(edit => edit.Action("Trainee_Update", "Trainee"))
.Create(create => create.Action("Trainee_Create", "Trainee"))
)
)

And my javascript:
<script type="text/javascript">

$(function () {

var msg = $("#emailaddress-message");

$("#EmailAddress").blur(function () {

var emailaddress = $(this).val();

if (emailaddress.length == 0) {
alert("No Email Address.");
return;
}

$.ajax({
url: '@Url.Action("CheckForUniqueEmail", "Trainee")',
dataType: 'json',
type: 'GET',
data: { EmailAddress: emailaddress },
success: OnCheckForUniqueUserSuccess,
error: OnCheckForUniqueUserError
});
});

function OnCheckForUniqueUserSuccess(data) {
if (data.Exists) {
msg.text("This Email Address is already in use. Please enter a new one.");
btn.attr("disabled", "disabled");
} else {
msg.text("");
btn.removeAttr("disabled");
}
}

function OnCheckForUniqueUserError(xhr, status, error) {
msg.text("There was an error checking uniqueness.");
}
});

</script>

But the blur function is not triggering, I am guess this in because I don't have the correct id of the email address text box??

Grid

answered on 06 Oct 2014

3 answers

179 views

change event does not fire on deselect outside of scheduler

I'm using the change event to update my gui with information relevant to the currently selected event-entry in the scheduler, but I'm not getting a change event when you deselect by clicking outside the scheduler. The event-entry becomes deselected (colour changes), but no event fires. Any ideas?

Cheers, Paul.

Scheduler

answered on 06 Oct 2014

1 answer

304 views

Bind to local data

Hello,

could you please provide an example how to bind a mobile listview to a hierarchical datasource bound to local json data?
When I try to load child nodes, I get a type error that undefined is not a function.

var node = dataSource.at(0);
node.load();

Is it possible to slide the listview content instead of the entire view, when I don't want to use a splitview?

Kind regards
Axel

Hierarchical Data Source

answered on 06 Oct 2014

1 answer

230 views

chart categoryAxis labels position

Hello Team,

I have a situation where I need to move categoryAxis labels position to right, under vertical line as in the value axis labels. I didn't need to have it under series as default.
for having what I need I have set categories.labels.padding.left (see: http://jsfiddle.net/dBaSC/105/ ), but in this way I am having some design issues.
So, my question is how can I do this without padding option ?

thanks in advance

Charts

answered on 06 Oct 2014