Telerik Forums
Kendo UI for jQuery Forum
2 answers
102 views
At first I have discovered incorrect behavior of a grid in the my project, but you can see this bug in behaviour of a grid in demo examples: Inline editing and Popup editing. This bug does not allow modifying of data in the newly added record. The sequence of user actions leading to bug is shown in the attached image (inline editing).

Rosen
Telerik team
 answered on 27 Aug 2012
1 answer
174 views
Hi guys, I've got a strange problem with my grid that has server side paging.

what we have done is abstract the the Kendo grid away from out current code using obtrusive javascript like so

   var options = {
        reorderable: $(element).attr("data-grid-reorderable"),
        autoBind: $(element).attr("data-grid-autoBind"),
        groupable: $(element).attr("data-grid-groupable"),
        width: $(element).attr("data-grid-width"),
        height: "400",
        scrollable: true,
        columns: columns,
        dataSource: {
            transport: { read: { url: $(element).attr("data-grid-datasource-url"), data: window[$(element).attr("data-grid-datasource- data")] } },
            sortable: { mode: "multiple", allowUnsort: true },
            type: "aspnetmvc-ajax",
            filter: [],
            group: groups,
            schema: {
                data: $(element).attr("data-grid-schema-data"),
                total: $(element).attr("data-grid-schema-total"),
                errors: $(element).attr("data-grid-schema-errors"),
                model: model,
                scrollable: true
            },
            pageSize: $(element).attr("data-grid-datasource-pagesize"),
            serverPaging: $(element).attr("data-grid-datasource-pageable"),
            serverFiltering: $(element).attr("data-grid-datasource-filtering"),
            serverSorting: $(element).attr("data-grid-datasource-sortable")
        },
        pageable: $(element).attr("data-grid-pageable"),
        columnMenu: true
    };

this all works fine for the first page of the grid but the problem is when the page changes we return the data in exactly the same data structure that worked on page 1 but it doesn't work on page 2? the grid is just empty.

Can anyone help with this? it's a very strange issue because it works perfectly fine on the first page.

cheers.
ste.
Daniel
Telerik team
 answered on 27 Aug 2012
0 answers
113 views
I would like to have a ComboBox for the user to choose when a row is going to be updated.

How could I make a row template for update in which, a ComboBox is used for some fields?

Thanks.
danny
Top achievements
Rank 1
 asked on 27 Aug 2012
3 answers
112 views
Hi, According to my new requirement i have to modify some Wizard UI functionality and it's CSS styles. My question is how to inherit Kendo UI JS and CSS in my project? Is there any Intelligence support for Visual Studio 2010 or Is there any Intelligence support for any other development IDE? 

  
Daniel
Telerik team
 answered on 27 Aug 2012
0 answers
218 views

Code:

$("#DropDownList1").change(function () {
   custCode
= $("#DropDownList1").val();

   $
("#titles").data("kendoDropDownList").dataSource.read(); //shows list Loading But Same Data Is present .
   $
("#titles").data("kendoDropDownList").refresh(); //NOT Working

});

I am Tring to refresh my DropDownList after another DropDownList ..
is clicked but the refresh Method is not define error pops.
therefor i use the dataSource.read() then the DropDownList Shows it loading but data remain the same
Chanaka
Top achievements
Rank 2
 asked on 26 Aug 2012
3 answers
665 views
Hello,

I would like to know if window content can close the window?

Here's my code so far:
<div id="myWindow">
    <button onclick="CloseWindow()" >Close Me</button>
 
    <script type=text/javascript>
 
        function CloseWindow() {
 
            try {
                var kendoWindow = $("#myWindow").data("kendoWindow").close();
            }
            catch (err) {
                //Unable to get value of the property 'close': object is null or undefined
                alert("Error \n\n" + err.message);
            }
                                 
        }
      
    </script>
</div>
 
<script>
    $(document).ready(function () {
 
        var myWindow = $("#myWindow").kendoWindow({
            width: "300px",
            height: "200px",
            title: "Login",
            modal: false
        });
 
    });
</script>


Unfortonately, the following error is raised when trying to close the window:
Unable to get value of the property 'close': object is null or undefined

I would also like to know if there is a solution that would also work with external content?
Ex:
var myWindow = $("#myWindow").kendoWindow({
    width: "300px",
    height: "200px",
    title: "Login",
    modal: false,
    content: "myExternalContent.aspx"
});

... where myExternalContent.aspx would be able to access myWindow and close it even if it's not in the same page.

Best regards,

Simon


Dennis
Top achievements
Rank 1
 answered on 26 Aug 2012
4 answers
1.4K+ views
Is there a way to change the default "Select..." text on the button?  Thanks.
Gedalias
Top achievements
Rank 1
 answered on 26 Aug 2012
0 answers
94 views
When der is no data to be displayed on the grid, the pagination looks weird. I've posted the screenshot of the grid.

Kindly let me know, how to resolve this.
Kiran
Top achievements
Rank 1
 asked on 25 Aug 2012
1 answer
337 views
Suppose an application based on a Kendo UI Mobile SplitView has a "side pane" with "side view 1" and "side view 2".
The "side layout" defines two buttons "layout 1" and "layout 2".
This application also has a "main pane" with "main view 1" and "main view 2".
Clicking "layout 1" should display "side view 1" in the side pane and "main view 1" in the "main pane", where as
Clicking "layout 2" should display "side view 2" in the side pane and "main view 2" in the "main pane" 

As per the documentation, it is possible to configure a button as follows:
<a id="layout1" data-role="button" href="#side-view1">
but this only triggers the navigation in the side pane.

It is also possible to configure a button as follows:
<a id="layout1" data-role="button" href="#main-view1" data-target="main-pane">
but this only triggers the navigation in the main pane.

How to programmatically trigger the navigation in both panes?

Jack
Top achievements
Rank 2
Iron
 answered on 25 Aug 2012
7 answers
1.3K+ views
I have an example of this here: http://jsfiddle.net/RodEsp/hjbSz/
Using jsfiddle echo to simulate a remote datasource.

Basically, if the dataSource is initialized with data from the beginning (un-comment the //url: "/echo/json/", line) then everything works perfectly and the listview's <li> elements get initialized properly.

But, if you keep the dataSource empty from at the beginning and then change it by pressing the Refresh button on the navbar, the listview is populated and shows up correctly, but the listview's <li> elements do not get initialized the way they should. They have no data-uid property.

Is this a bug, or am I doing something wrong?

(In my real application this happens when the JSON retrieved for my datasource is an empty array and then is refreshed and recieves a non-empty array)
Jack
Top achievements
Rank 2
Iron
 answered on 25 Aug 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Drag and Drop
Application
Map
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?