Questions on Kendo UI for jQuery Forum

1 answer

133 views

I have a grid where I have a data element that is being received from my data store as
        schema: {
            model: {
                id: "junkTypeId",
                fields: {
                    junkTypeId: {
                        type: "integer"
                    },
                    junkTypeDesc: {
                        type: "string"
                    }
                }
            }
        }

I display junkTypeDesc in my grid, for that is the human readable form of this datum.I have created a custom popup editor with a dropdownlist of all possible "junks". The dataTextField of the dropdownlist is set to junkTypeDesc and the dataValueField is set to junkTypeId. I have bound the dropdownlist to value:junkTypeId.

The popup editor window works great. The proper initial value is selected in the dropdownlist. I can drop down the dropdownlist and select a new junk. When I press the update button the windows is dismissed and I see (using fiddler) the new value of junkTypeId being sent to the backend but junkTypeDesc is still set to the old text value. In addition, the column in the grid is still set to the old text value.

I know that this is because I am binding to junkTypeId and not junkTypeDesc. But I need to do this because the ID is what is sent to the backend. How can I get the grid to show the new value of junkTypeDesc after I close the popup editor. Perhaps there is an event that I can attach to to update the appropriate grid cell.

I hope this description makes sense, it is somewhat difficult to describe.

Can anyone help me out with this problem?

Grid

answered on 06 Oct 2014

1 answer

113 views

Emiting raw XML from Data Source

I have a data source that is bound to an XML file. The XML file in many places contains XHTML nested inside the elements. In those cases, I need the raw XHTML to be emitted into the template.
So for the linked example, I would expect the template to emit the raw XHTML below:

<body xmlns="http://www.w3.org/1999/xhtml">Markup<br/>(11th District)</body>

How can I accomplish this?

Data Source

answered on 06 Oct 2014

1 answer

154 views

Grid with Drag and Drop to Download

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

644 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

229 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

112 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

358 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

267 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

577 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

186 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