Telerik Forums
Kendo UI for jQuery Forum
3 answers
337 views
Hi,

I currently have a Master Grid and a Detail Grid. I am trying to show/hide columns based on user selection which is stored in the database.
For example:
Master Grid : Col1,Col2,Col3
Detail Grid: ColA,ColB,ColC,ColD,ColF
Now, i retrieve col names from the database. On DataBound event of the detail grid i have a function call which 
loops thru the data and calls hideColumn() and it works for the first detail grid of the first master row.
but when expanding the second row of the master the detail grid does not hide any columns.
Please help.

var grid = $("#childgrid").data("kendoGrid");
            if (grid != undefined) {
                for (var i = 0; i < view.length; i++) {
                    var columnName = view[i]["FieldName"];
                    var selected = view[i]["Selected"]
                    if (selected == true) {
                        grid.showColumn(columnName);
                    } else {
                        grid.hideColumn(columnName);
                    }
                }
            }









Dimiter Madjarov
Telerik team
 answered on 04 Feb 2014
2 answers
100 views
Hi all,
I have a question about KendoGrid filtering. I have server side filtering enabled. If I use the filter on a column to choose two filters (on the same column) it does not send across the selected operator ("and" or "or"). What it sends to the server is: 

{
   "filters":[
      {
         "field":"username",
         "operator":"contains",
         "value":"bob"
      },
      {
         "field":"username",
         "operator":"contains",
         "value":"john"
      }
   ]
}


Is there a way to get that? It's quite important!


Thanks!

Markus
Top achievements
Rank 1
 answered on 04 Feb 2014
1 answer
154 views
Hello,
I have been trying to find a method to draw line graphs using data from SQL db using Kendo UI
please explain
Iliana Dyankova
Telerik team
 answered on 04 Feb 2014
1 answer
63 views
Hi,

The current grid's filter view on mobile displays column's field on the top part. 
Is there any posibility to display the column's title instead of the field ?

Thanks,
Walid
Nikolay Rusev
Telerik team
 answered on 04 Feb 2014
1 answer
112 views
I have implemented drill down functionality in Grid  but the expand/collapse and pagination number is not shown in the grid. I have attached the screen shot for more clarification. We have tested it in IOS7 IPad

Kiril Nikolov
Telerik team
 answered on 04 Feb 2014
1 answer
55 views
Can't find an example of how to do this.  Scenario: user navigates to the third level of a hierarchal grid and clicks the Edit link, taking them to the Edit View.  When complete, the requirement is to return them to the grid row they were formerly viewing.  Sample project is attached.  Please note, I had to delete most of the project folders, especially the scripts to get the zipped size under your 2MB upload limit.

Two more questions relevant to the same project; 

1) I want to show the various levels of the hierarchical grid in different colors and also to vertically align all cells in all grids to the the top of the row.  I'm sure CSS is the right way to do this, but what is the best practice for how to do it?  What elements must I reference in the CSS?

2) How do I suppress a value in a cell?  I have a default date that comes in as 01/01/0001 12:00 AM which for my purposes is an invalid date.  When I see this value I want to suppress the display and show a null string instead.

Thanks!

Rich
Alexander Popov
Telerik team
 answered on 03 Feb 2014
12 answers
277 views
Just tried to upgrade from 2013.2.918 to 2013.3.1316.

Existing code for a grid update that passed additional parameters to the datasource read remote method has stopped working. 

Data Source Definition Snippet..
.DataSource(ds => ds
         .Ajax()
         .ServerOperation(false)
         .Read(r => r.Action("_List", "Employee").Data("SetEmployeeGridData"))
function SetEmployeeGridData() {
    return { locationFilter: $('#locationFilter').val(),
                      departmentFilter: $('#departmentFilter').val(),
                      lastNameFilter: $('#lastNameFilter').val() };
    }
public ActionResult _List([DataSourceRequest] DataSourceRequest request, string locationFilter, string departmentFilter, string lastNameFilter)
       {
the refresh is triggered by something like this...
$('#EmployeeGrid').data('kendoGrid').dataSource.read();
Those filter values are being pulled from input fields.  I see the Data function being called and the .val() is evaluating correctly, but the MVC action only gets null values and fiddler shows nothing being passed in the request.  Maybe i missed something in my upgrade, but this code worked fine in 2013.2.918
Dev Team
Top achievements
Rank 1
 answered on 03 Feb 2014
4 answers
107 views
This error is reproducable on the drawer on
http://demos.telerik.com/kendo-ui/mobile/drawer/index.html

When you open the drawer partially a couple of times by dragging the inbox view manually (mouse down somehwhere in the inbox view, then drag some pixels to the right and mouse up before the drawer is fully opened), the drawer listview will disappear.
100%
Top achievements
Rank 1
 answered on 03 Feb 2014
3 answers
93 views
Hi.  I'm running into a problem where I have a logoff button in the navbar.  This navbar is visible across all pages.  When I navigate to my listview to get a list of orders, the logoff button works fine.  When I drill down to get the details of one item of the list, i am taken to another remote view.  This also works fine.  However, if I got BACK to the previous screen using back in the navbar, I am navigated back BUT the logoff button click is not working.  I think I've narrowed it down to this:

http://docs.telerik.com/kendo-ui/getting-started/mobile/application#remote-views

Specifically, the documentation states the following:

"The remote view request will also append (but not initialize) any additional views found in the AJAX
response. Inline style elements, inline script elements, and mobile layout definitions will also be evaluated and appended to the
application. The elements must be available in the root of the response, or nested inside the body element.Scripts and styles from the head element (if present) will not be evaluated.If the remote view needs an additional scripting (widget initialization/binding) logic, it may be defined in the view init event handler, in the AJAX response."


Is this why I am having difficulty? 

My main layout in my index.html looks like this:

    <div data-role="layout" data-id="mt-main-layout">
        <header data-role="header"><br/>
            <div data-role="navbar" id="mt-main-layout-navbar">
                <a data-align="left" data-role="backbutton">Back</a>
                <span data-role="view-title">Test Product</span>
                <a data-align="right" style="display: none" class="mt-main-layout-btn-logoff"
                    data-click="testProduct.loginCompany.viewModel.logOff" data-role="button">Log Off</a>
            </div>
        </header>
    </div>

If this is the issue, is there a workaround to reinitialize the button's data-click event?

Thanks in advance for any insights!

-Brian

Steve
Telerik team
 answered on 03 Feb 2014
1 answer
352 views
I need to be able to close the DropDownList on every page when the user scrolls the page.  Some of my DropDownLists are input controls, some are divs, etc.  Here is my solution; is there a better solution?

(MainContent is the scrolling div that surrounds all the content)

$(function() {
       $('#main-content').on('scroll', function(e) {
           $("*").each(function() {
               var ddl = $(this).data("kendoDropDownList");
               if (ddl) {
                   ddl.close();
               }
           });
});
Kiril Nikolov
Telerik team
 answered on 03 Feb 2014
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
Application
Map
Drag and Drop
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
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?