Questions on Kendo UI for jQuery Forum

1 answer

571 views

Hi,

I want to send data from the Kendo Grid to a database. however, i dont want to send it directly, i want it to go through a c# method I have, before sending.

I got it to the point where it calls the c# code inside of the controller. However, it isn't sending the data I have synced to the button.

here's the code.

@(Html.Kendo().Button()

.Name("SentItems")

.Content("Send Products")

.Events(e => e.Click("SendData")))

function SendData()

{

alert('Sending Data');

var gridData = $("#PLAGridMain").data("kendoGrid");

var text = "Object properties are: ";

$.ajax({

url: '/Home/sendRows',

cache: false,

type: 'POST',

contentType: 'application/json; charset=utf-8',

data: JSON.stringify($("#PLAGridMain").data("kendoGrid").dataSource),

complete: function()

{

alert("success: ");

}

})

}

C# in HomeController:

[HttpPost]

public void sendRows(Grid<string>)

{

//[DataSourceRequest] DataSourceRequest dataSourceRequest

//send each row to the google MCC.

string PLA = string.Empty;

}

Grid

answered on 10 Jun 2014

3 answers

80 views

[Solved] View-Layout - broken - bug since .528, not present in .416

Today after upgrading to 2014.1.528 I noticed my layouts (headers) keep disappearing from views while navigating.
It seems to happen only when I'm using slide transition as default for the whole app.
It never happened before and I didn't change a thing to my code.
Here's an example:
http://jsbin.com/cipib/11/edit

View

answered on 10 Jun 2014

1 answer

211 views

[Solved] Export to Image File

Hi,

Is there a way to export the diagram to a PNG/JPG file?

Thank you!

Diagram

answered on 10 Jun 2014

1 answer

199 views

Adding a button along with check box in Drop Down List

Hi,

We have a new requirement to cover in similar lines with the following link
http://jsfiddle.net/Rq7FH/

The Check All should be a button and should not have a check box. On clicking Check All, we should select all the items. The same item of the drop down should also show a button 'Done' on the right side to close the user selection.

Let me know if this can be achieved.

DropDownList

answered on 10 Jun 2014

3 answers

296 views

[Solved] Combobox display multiple rows

Hi All:

I would like to display combobox/dropdownlist with multiple rows.

<input id="combobox" />

<script>

$("#combobox").kendoComboBox({

dataSource: [

{ id: 1, name: "Apples" },

{ id: 2, name: "Oranges" },

{ id: 3, name: "Grapes" },

{ id: 4, name: "Bananas" }

],

dataTextField: "name",

dataValueField: "id"

});

</script>

I would like it to display as follows:

+--------------+

| Apples |

| Oranges |

| Grapes |

| Bananas |

+--------------+

This is being used as a navigation control on the left side of the form.

Phil

ComboBox

answered on 10 Jun 2014

3 answers

1.0K+ views

Stop tooltip from hiding

I'm using the tooltip for validation purposes. I create tooltips when a form fails validation by hooking into jQuery validation.

Because it's for validation, I don't want the tooltips to disappear when the user clicks away from the input.

e.g. I have an input text box which has invalid data, and so I show the tooltip next to the input. When the user clicks away from the input, the tooltip is hidden. I want it to permanently stay shown.

I've tried overriding the hide() method with no success.

Code below:

$.validator.setDefaults({

showErrors: function (errorMap, errorList) {

$.each(this.validElements(), function (index, element) {

var tooltip = $(element).data("kendoTooltip");
if (tooltip) {
tooltip.destroy();
}
});

$.each(this.invalidElements(), function (index, element) {

var tooltip = $(element).data("kendoTooltip");
if (tooltip) {
tooltip.destroy();
}
});

$.each(errorList, function (index, error) {

var element = $(error.element);

element.addClass("input-validation-error");

var tooltip = element.kendoTooltip({
content: error.message,
hide: function() {} //! THIS DOESN'T OVERRIDE!
}).data("kendoTooltip");

tooltip.show(element);
});
}
});

ToolTip

answered on 10 Jun 2014

3 answers

730 views

Update Dropdownlist item text on Open event

Hello ,

I have a Kendo dropdownlist which has items like "Hello Mr. %1 ", "Welcome %1" etc. I Display in kendowindow a TextBox for Username Input and then this Dropdown. When i enter a Name in username field and then cloick on Dropdown i should replace %1 with username in the Open Event so Dropdown Displays Hello Mr. Username. I would like to achieve this in JQuery.
$("#Briefanrede").data("kendoDropDownList").bind("open", function () {

});

Thanks

Anamika

DropDownList

answered on 10 Jun 2014

3 answers

927 views

How to scroll to bottom in code on a View or ListView in Kendo UI Mobile?

I have the need that I trigger a scroll to bottom once a new line gets added to the listview. This should be triggered by code but so far I have not found a good solution.

So far my solution is:
scrollViewToBottom: function (view) {
var scroller = view.scroller;
console.log("scrollheight " + scroller.scrollHeight() + " height: " + scroller.height());
var offset = scroller.height();
if (offset == 0)
offset = 100;
scroller.scrollTo(0, scroller.scrollHeight() * -1 + offset);
},

but this does not work in most scenarious because scroller.scrollHeight and scroller.height don't seem to be initialized.

Is there any better solution to this?

Christoph

General Discussions

answered on 10 Jun 2014

2 answers

1.0K+ views

Dynamic content

I'm using a filter and setting the title attribute on an element, but the original title is appearing.

I find that I need to also do this:

$elem.data(kendo.ns + 'title', newTitle);

... for the new title to appear in the tooltip. However, IF I force a different tooltip to appear first, then my updated title attribute is displayed.

Seems to me that in _show, a test should be made to check if the title attribute has changed;

if (!current || current[0] != target[0] || _hasNewContent(target)) {
that._appendContent(target);
that.popup.options.anchor = target;
}

_hasNewContent can compare the current title attribute to the value that's been saved off and, if different, reset the content.

ToolTip

answered on 09 Jun 2014

1 answer

231 views

Styling For Dynamically Selected Tab

I can select a tab no problem by using tabStrip.activateTab(tabElement);

However, the color is not the regular selected tab color. I actually have to click it to make it get styled properly.
Is there any easy way to trigger this behavior?

TabStrip

answered on 09 Jun 2014