or
0 answers
174 views
Hi,
I have a chart (built with the mvc helper) in a strongly typed partial view. The model in my partial view serves as the datasource for my chart.
The partial view's parent contains a form which triggers an ajax call to my controller. The partial view itself resides in a div which is the updatetargetid for my ajax form. The controller returns my partial view (containing the chart) with an updated model. The initial page load works fine. However when I post my ajaxified form, the chart will not redraw.
When looking at the response returned from my controller I see that the category/series arrays are filled with values from my updated model. However...the chart itself is not drawn.
Obviously I want my chart to be redrawn with the new updated values. Preferebly I do not want to use jQuery as I like the mvc helpers.
Any help regarding this issue is much appreciated!
I have a chart (built with the mvc helper) in a strongly typed partial view. The model in my partial view serves as the datasource for my chart.
The partial view's parent contains a form which triggers an ajax call to my controller. The partial view itself resides in a div which is the updatetargetid for my ajax form. The controller returns my partial view (containing the chart) with an updated model. The initial page load works fine. However when I post my ajaxified form, the chart will not redraw.
When looking at the response returned from my controller I see that the category/series arrays are filled with values from my updated model. However...the chart itself is not drawn.
Obviously I want my chart to be redrawn with the new updated values. Preferebly I do not want to use jQuery as I like the mvc helpers.
Any help regarding this issue is much appreciated!
1 answer
283 views
I have a tabstrip that works for hash urls, but one of the tabs does a refresh but should stay on the same view.
<div data-role="tabstrip" id="tabstripMainApp">
<a href="#viewJobs" data-icon="home">Current</a>
<a href="#viewJobsCompleted" data-icon="more">Completed</a>
<a href="#viewSettings" data-icon="about">Settings</a>
<a class="btnRefreshView" data-icon="refresh">Refresh</a>
</div>
The said tab fires this event successfully:
$('.btnRefreshView').bind('click', function () {
console.log('Refresh view :', window.location.hash)
if (window.location.hash == '#viewJobsCompleted') {
dsviewJobsCompleted.read();
} else {
dsviewJobs.read();
}
})
But then the btnRefreshView tab shows as active when I want the prior tab that was active to be active.
How do I make a different tab active please?
<div data-role="tabstrip" id="tabstripMainApp">
<a href="#viewJobs" data-icon="home">Current</a>
<a href="#viewJobsCompleted" data-icon="more">Completed</a>
<a href="#viewSettings" data-icon="about">Settings</a>
<a class="btnRefreshView" data-icon="refresh">Refresh</a>
</div>
$('.btnRefreshView').bind('click', function () {
console.log('Refresh view :', window.location.hash)
if (window.location.hash == '#viewJobsCompleted') {
dsviewJobsCompleted.read();
} else {
dsviewJobs.read();
}
})
How do I make a different tab active please?
Kevin
Top achievements
Rank 1
Rank 1
answered
on
23 Aug 2012
3 answers
506 views
I have a scenario where I want parent and child windows. The fiddle http://jsfiddle.net/tDfSP/3/ mimics the scenario. I.e. I want to open a modal (parent) window. From this window I'll open a new modal (child) window. However, it doesn't work.
Markup from fiddle:
<div id="sub">
sub vindue
</div>
<div id="dialog">
<input type="button" id="btn" value="Click" />
</div>​
Script from fiddle:
$("#dialog").kendoWindow({
modal: true,
title: "Indbakke emne",
minHeight: 300,
width: 700,
});
var dialog = $("#dialog").data("kendoWindow");
dialog.center();
$("#sub").kendoWindow({
visible: false,
modal: true, // <-- breaks parents modal state if sub window is modal, in addition the sub window is not properly modal because the parent window is not blocked
title: "Sub",
minHeight: 300,
width: 70,
});
$("#btn").click(function() {
$("#sub").data("kendoWindow").center().open();
});
Markup from fiddle:
<div id="sub">
sub vindue
</div>
<div id="dialog">
<input type="button" id="btn" value="Click" />
</div>​
Script from fiddle:
$("#dialog").kendoWindow({
modal: true,
title: "Indbakke emne",
minHeight: 300,
width: 700,
});
var dialog = $("#dialog").data("kendoWindow");
dialog.center();
$("#sub").kendoWindow({
visible: false,
modal: true, // <-- breaks parents modal state if sub window is modal, in addition the sub window is not properly modal because the parent window is not blocked
title: "Sub",
minHeight: 300,
width: 70,
});
$("#btn").click(function() {
$("#sub").data("kendoWindow").center().open();
});
Georgi Krustev
Telerik team
answered
on
23 Aug 2012
4 answers
373 views
Hello,
I am using the HierarchicalDataSource to bind data to my tree.
I would like to set a node selected when the data is returned from the server on the initial load.
I am currently trying the following.
Please note: in the initialization of tree, I am trying the set the attribute "selected" to the value of a property in my model object.
Is this possible, what I am trying to achieve?
I am using the HierarchicalDataSource to bind data to my tree.
I would like to set a node selected when the data is returned from the server on the initial load.
I am currently trying the following.
Please note: in the initialization of tree, I am trying the set the attribute "selected" to the value of a property in my model object.
data = new kendo.data.HierarchicalDataSource({ transport: { read: { url: "/Controller/Action", dataType: "json" } }, schema: { model: { id: "Id", hasChildren: "HasChildren" } }});$("#tree").kendoTreeView({ dataSource: data, dataTextField: "Alias", selected: "Selected"});Is this possible, what I am trying to achieve?
1 answer
729 views
I'm probably missing something simple here, but when you add a ListView to a view the entire background becomes striped. Is there a way to disable this (or alternatively, have the same striped background on all views, even if they don't contain a ListView).
Thanks
Thanks
Petyo
Telerik team
answered
on
23 Aug 2012
10 answers
413 views
Hi,
I am using the kendoUI window with the following code:
var window = $(".productAddedToCartModalDialog").kendoWindow({
draggable: false,
resizable: false,
width: "300px",
height: "100px",
title: "Shopping Cart Notification",
modal: true,
actions: ["Close"],
visible: false
}).data("kendoWindow");
window.center();
window.open();
However in IE 7 and 8 as well as Firefox 3.6, the window is centered on the current view port only the first time it is open. When I scroll for example further down the page and trigger the action which executes the code above, the window, just shows in the place it was shown before, which is somewhere up the page, where the user cannot see it.
I tested this in Chrome and Firefox 8 and it works fine. Firefox 3.6 does not bother me as much as the IE situation.
Is there a workaround for this problem.
Thanks!
I am using the kendoUI window with the following code:
var window = $(".productAddedToCartModalDialog").kendoWindow({
draggable: false,
resizable: false,
width: "300px",
height: "100px",
title: "Shopping Cart Notification",
modal: true,
actions: ["Close"],
visible: false
}).data("kendoWindow");
window.center();
window.open();
However in IE 7 and 8 as well as Firefox 3.6, the window is centered on the current view port only the first time it is open. When I scroll for example further down the page and trigger the action which executes the code above, the window, just shows in the place it was shown before, which is somewhere up the page, where the user cannot see it.
I tested this in Chrome and Firefox 8 and it works fine. Firefox 3.6 does not bother me as much as the IE situation.
Is there a workaround for this problem.
Thanks!
Dimo
Telerik team
answered
on
23 Aug 2012
1 answer
198 views
I have the following:
However, when this window is activated using this code, it fails on the call to center(), because batchWindow doesn't contain a reference.
If I modify the content field to be a full URL, things work as expected. How can I use a relative URL here?
$("#newBatchWindow").kendoWindow({ width: "425px", height: "375px", title: "New Batch", visible: false, resizable: false, modal: true, content: "/Batch/Create"});However, when this window is activated using this code, it fails on the call to center(), because batchWindow doesn't contain a reference.
var batchWindow = $('#newBatchWindow').data('kendoWindow');batchWindow.center();batchWindow.open();If I modify the content field to be a full URL, things work as expected. How can I use a relative URL here?
Daniel
Telerik team
answered
on
23 Aug 2012
2 answers
83 views
why can't I search these forums efficiently? Am I missing something?
HR
Top achievements
Rank 1
Rank 1
answered
on
23 Aug 2012
3 answers
186 views
HI forum:
When the type of a cell is date and its value is null, the grid shows the string [object Object] as its value.
When member is null, toString.call(member) returns "[object Object]" instead of "[object Null]" in ObservableObject function for IE8.
I've attached a picture.
Regards,
Oscar.
When the type of a cell is date and its value is null, the grid shows the string [object Object] as its value.
When member is null, toString.call(member) returns "[object Object]" instead of "[object Null]" in ObservableObject function for IE8.
I've attached a picture.
Regards,
Oscar.
1 answer
61 views
I'm filtering my grid with the following code:
$("#grid").data("kendoGrid").dataSource.filter({ logic: "or", filters: [{ field: "MyField", operator: "equals", value: parseInt($("#MyDropDown").val())}] });This will filter the grid fine, but then when I click the "Add new record" button in the grid toolbar, nothing happens. Editing and deleting still function, but create/add new does not.
