Questions on Kendo UI for jQuery Forum

1 answer

148 views

JSON and WCF ( CRUD) - Batch update mode (Kendo Grid)

Hi ,

I am trying to do a batch update mode on a kendo grid. I am finding some troubles retrieving the call back from the web service.
Actually when I set to batch: false , it passes no of row changes one by one to the web service.

this is the web service.

[OperationContract]
[WebGet(BodyStyle = WebMessageBodyStyle.Bare,
ResponseFormat = WebMessageFormat.Json,
RequestFormat = WebMessageFormat.Json,
UriTemplate = "Get/Update?ID={ID}&StdID={StdID}&Name={Name}"
)]
public void Update(int ID, int StdID, string Name)
{
ElementData.UpdateElement(ID, StdID, Name);
}

although this is webGet Method it is working for inline editing on the grid ( when batch: false)

But I really want to do a batch update and show a message to user that it has been successfully committed , or the error occurred.

this is how I call to web service for the inline update.

update: {
url: "../service/jsonservice.svc/Get/Update",
dataType: "jsonp"
},

my web config methods are as following :

<system.serviceModel>
<behaviors>
<endpointBehaviors>
<behavior name="Retails.Service.JsonServiceAspNetAjaxBehavior">
<webHttp />
</behavior>
</endpointBehaviors>
</behaviors>
<serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true" />
<services>
<service name="Retails.Service.JsonService">
<endpoint address="" behaviorConfiguration="Retails.Service.JsonServiceAspNetAjaxBehavior" binding="webHttpBinding" contract="Retails.Service.JsonService" />
</service>
</services>
</system.serviceModel>

Can you please help me how to do the batch update mode. I have gone through with a kendo telerik sample for crud methods. But here I can't use the web service like that. Because It has already been developed for some other functions.

Anyway can you please tell me way to write a method in web service and a method to call the update method to do a batch update .

And I want to show a feedback to the user saying it has been updated successfully .

Grid

answered on 28 Feb 2013

1 answer

61 views

Editing boolean value in Safari 5.1.7, the windows version.

Hello,

See the following example http://jsfiddle.net/YpHtu/ . From the browser Safari 5.1.7, the windows version, I am unable to update the grid column 'Discontinued'. This column holds a boolean value. If I try to set the value the text is shown again. This same example is shown on the kendoUI demo website and there it is working. Can you help me find the problem?

Regards,
Marcel

Grid

answered on 28 Feb 2013

1 answer

126 views

Server Side data bound locally

HI all. I'm trying to figure out if Kendo UI Grid is suitable for my scenario. Basically, I'm pulling data from a REST API from a server product. I have to format that this data a bit on the client side a bit so I can't bind it directly to the grid using the server data binding mode. I also can't deploy any server side code so it all has to happen client side.

Basically, I want to retrieve the data myself and bind it to the grid. That part is pretty straight forward, but then i want to make additional server side requests when a user sorts or pages. Can I do this with Kendo UI grid? I've looked through the docs and found bits and pieces of what I need but I didn't really see a way to override these events.

Thanks,
Corey

Grid

answered on 27 Feb 2013

7 answers

232 views

Error on Empty Tab Strip

Clicking on a tab strip without any tabs results in an error in Kendo UI code!

It also appears that dynamically appending a new tab to the tab strip does not work if
the tab strip is empty (No Tabs, only a UL tag without any LIs).

My code works when appending (or using insert before) to a tab strip with at least one tab

Thanks

PM

TabStrip

answered on 27 Feb 2013

4 answers

87 views

Grid's pager should apply a hover state

The grid's pager currently is not applied a k-state-hover class, when the mouse is over the "first, previous, next, last page" buttons.This should be done so the background image is extracted correctly from the sprite.

Please try...

open KendoUI Grid Samples
select the Metro theme
choose the "Basic usage" sample
move the mouse over "next page"

The arrow inside the button remains gray. It should be white instead.

Michael G. Schneider

Grid

answered on 27 Feb 2013

1 answer

158 views

Source and Template Binding Doesn't Render

I am new to Kendo, so it is most likely an error on my part but I cannot seem to get source and template binding to work.

The following is my view. I have a drop down list which should update a ul of links but even though my binding is working (the select element is just for testing) I cant seem to get the ul to render using the template. I get no errors of any kind it just doesnt render.

<div class="global-nav-header border-bottom">
    <h2 data-bind="text: headerText"></h2>
    <select data-text-field="name" data-value-field="handle" data-bind="source: reportsTypes, value: selectedReportsType"></select>
</div>
<div class="global-nav-body">
    <select data-text-field="name" data-value-field="handle" data-bind="source: reports"></select>
    <ul class="reports-list" data-template="reports-ul-template" data-bind="source: reports">
    </ul>
    <script id="reports-ul-template" type="text/x-kendo-template">
        <li>
            <a href="#" class="instance-link" data-bind="text: name, style: { backgroundImage: icon }, attr: { data-id: id }"></a>
        </li>
    </script>
</div>

The view model is as follows so the selected reports type changs and the calculated field gets called but still no li's are rendered in my ul.

var viewModel = kendo.observable({
    headerText: "Reports",
    reportsTypes: getReportsTypes(),
    selectedReportsType: 0,
    reports: function () {
        var reportsTypeHandle = this.get("selectedReportsType");
        var reports;
        switch (reportsTypeHandle) {
            case 1:
                reports = [
                    new report("Foundations", 1, "~/Content/images/icocyg_reports_small.png"),
                    new report("All", 2, "~/Content/images/icocyg_reports_small.png"),
                    new report("Large Tower", 3, "~/Content/images/icocyg_reports_small.png")];
                    break;
            case 2:
                reports = [
                    new report("Plant Overview", 5, "~/Content/images/icocyg_reports_small.png"),
                    new report("Area 15 Subsystem", 6, "~/Content/images/icocyg_reports_small.png"),
                    new report("Generator Layout", 7, "~/Content/images/icocyg_reports_small.png"),
                    new report("High Power Cables", 8, "~/Content/images/icocyg_reports_small.png")];
                break;
            case 3:
                reports = [
                    new report("Plant Status", 9, "~/Content/images/icocyg_reports_small.png"),
                    new report("Electrical Status", 10, "~/Content/images/icocyg_reports_small.png"),
                    new report("Structural Status", 11, "~/Content/images/icocyg_reports_small.png"),
                    new report("Production Report", 12, "~/Content/images/icocyg_reports_small.png"),
                    new report("Production Report All", 13, "~/Content/images/icocyg_reports_small.png")];
                break;
        }
        return reports;
    }
});

The result I get is attached.

Thanks in advance.

General Discussions

answered on 27 Feb 2013

3 answers

429 views

Data attributes for creating kendo window

Hi,
After reading the documentation on data attribute initialization, I tried to create a template for creating kendo window but none of the attributes are working. What's the proper way to initialize kendo window using data attributes?

Here is the template:

<script id="windowTemplate" type="text/x-kendo-template">

<div id="#= Id#" data-width="400px" data-height="400px" data-modal="true" data-role="window" data-title="Title">

Content

</div>

</script>

Thanks

Window

answered on 27 Feb 2013

3 answers

155 views

Kenod Window not vertically centered issue

HI,

I recently upgraded the kendo UI web library to Kendo UI Web v2012.3.1315 from Kendo UI Web v2012.2.913. Now all my dynamic model popups appears bottom of the page after all content. Windows are horizontally centered and issue is with the vertical centering.
I’m using jquery 1.8.3 with kendo. I would appreciate if you all could give feedback soon as this is an urgent issue.

Regards

Shivanka

Window

answered on 27 Feb 2013

2 answers

103 views

Grid + CheckBox Globalization Issue

Hi

I have a grid dinamically builded and I don't use template, my column with checkbox are like this example http://demos.kendoui.com/web/grid/editing.html, where appears true/false

Even updating .Net Language Pack keeps true/false

1 => I need change this true/false for yes/no, any idea?

$("#grid tbody tr").each(function ()
{
var row = $(this);
row.contents().each(function ()
{
var cell = $(this);
if (cell.html() == 'true')
cell.html('yes')
else if (cell.html() == 'false')
cell.html('no')
});
}

The code above works well until click the cell and true/false appears again

2 => At each cell on grid there are role="gridcell". Can I change the behavior of this role? Maybe to don't put true/false

Thank you very much

Grid

answered on 27 Feb 2013

1 answer

137 views

Is DataViz incompatible with Web libraries?

I created a project using ListView just fine.

Then I created a DataViz project separately.

Each work fine in separate HTML pages, but when I combined them I get this error in Chrome:
Uncaught TypeError: Cannot call method 'toLowerCase' of undefined
kendo.web.min.js:12
I can get the error to stop by either removing the line where my listView is initialized with a datasource and template, or by commenting out the DataViz library.

It seems really strange that these two libraries would be incompatible but that seems to be the case. Has anyone had any luck using a ListView and Chart together in one place?

General Discussions

answered on 27 Feb 2013