jQWidgets Forums

Forum Replies Created

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
September 21, 2016 at 3:14 am in reply to: jqxProgressBar freeze jqxProgressBar freeze #87564

kingdomp
Participant

I add a more easy example, just the progress and a button, the button was still freeze.

https://jsfiddle.net/kingdomp/ew30omca/

September 14, 2016 at 3:34 pm in reply to: CSS border color on the grid-cell-hover CSS border color on the grid-cell-hover #87330

kingdomp
Participant

Thanks that work but is it normal that I don’t have the border-top ? If I add border-top : 2px solid black !important; I see it but the text move because the border was bigger. How to also have the top border working ?

December 2, 2015 at 5:15 pm in reply to: column header text color column header text color #78816

kingdomp
Participant

Hi,

the old way don’t work anymore with $(‘#MYGRID .jqx-grid-column-header(0)’).css(‘color’, ‘#3F0′); if your grid is width and you have hidden row at screen, the visible one will be ok but not the rest. The way it work for me was to put it in the rendered function who is call when you scroll.

What I do is adding a color element on my column and have it on my source variable for the adapter

var _main_grid_source ={localdata: “[]”,datatype: “json”,datafields:[]};
var _main_grid_source_adapter = new $.jqx.dataAdapter(_main_grid_source);

_main_grid_source[‘columns’]=[
{ text: ‘test1’, datafield: ‘whatyouwant1′, width: 100,color:’#3F0’},
{ text: ‘test2’, datafield: ‘whatyouwant2′, width: 150,color:’#3F5’},
{ text: ‘test3’, datafield: ‘whatyouwant3′, width: 65,color:’#3FF’ }]

And assign it to the grid
$(“#MAIN_PAGE_GRID”).jqxGrid({columns: _main_grid_source[‘columns’]});

After I assign the rendered

$(“#MAIN_PAGE_GRID”).jqxGrid({rendered: function () {
for(var i=0;i<_main_grid_source[‘columns’].length;i++)
{
if(_main_grid_source[‘columns’][i][‘color’]!=”)
{$(‘.jqx-grid-column-header:eq(‘+i+’)’).css(‘background-color’, ‘#’+_main_grid_source[‘columns’][i][‘color’]);}
}
}});
$(“#MAIN_PAGE_GRID”).jqxGrid(‘render’);

Probably this will also work :

$(“#MAIN_PAGE_GRID”).jqxGrid({rendered: function ()
{
$(‘.jqx-grid-column-header:eq(0)’).css(‘background-color’, ‘#3F0’);
$(‘.jqx-grid-column-header:eq(1)’).css(‘background-color’, ‘#3F5’);
$(‘.jqx-grid-column-header:eq(2)’).css(‘background-color’, ‘#3FF’);
}});

November 18, 2015 at 12:00 am in reply to: column header text color column header text color #78261

kingdomp
Participant

Hi,

I try again but still don’t work with the column who is not showing at the creation. I set my columns dynamically $(“#MAIN_PAGE_GRID”).jqxGrid({columns:colonne});

Afer I push my data and try to set my columns colors

for(var i=0;i<colonne.length;i++)
{
$(‘.jqx-grid-column-header:eq(‘+i+’)’).css(‘background-color’, ‘rosybrown’);
}

the colonne.length give me 67.

And that is what happen :

The first columns who his showing work correctly,
If you scroll right, the rest have no colors when they suppose to have.

My code work for long time, it was just since the new update that was stop working correctly.
I also try with $(‘div .jqx-grid-column-header:eq(‘+i+’)’).css(‘background-color’, ‘rosybrown’); but same problem.

When they are not showing, do the columns still exist ?

January 16, 2015 at 9:25 pm in reply to: jqxComboBox type versus select jqxComboBox type versus select #65535

kingdomp
Participant

Hi,

I was agree with wnema, that will be appreciate to have a direct access to the input control by a function like getinputvalue. Normally a comboBox was a input text with a list of choice for it, now is look more a DropDownList with a search. Just adding a function will be more them welcome.

This was my work arround :

Controle name :
$(“#textcombo”).jqxComboBox

Input access :
var input_combo =$(“#textcombo input”);
//console.log(input_combo);
var txt_combo =input_combo[0].value;

Regards

January 28, 2013 at 7:31 pm in reply to: iframe with jqxMenu iframe with jqxMenu #14273
kingdomp
Participant
I create this file to show you what happen :

test.php
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     
    <link rel="stylesheet" href="/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="/scripts/gettheme.js"></script>
    <script type="text/javascript" src="/scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="/jqwidgets/jqxmenu.js"></script>
 
</head>
<script type="text/javascript">
 $(document).ready(function () {
                var theme = "";
                if (theme=="") {theme=getTheme();}
                // Create a jqxMenu
                $("#MAIN_MENU").jqxMenu({  autoOpen: true, autoCloseOnMouseLeave: false, showTopLevelArrows: true, theme: theme });
                $("#MAIN_MENU").jqxMenu({ width: 90});
                $("#MAIN_MENU").jqxMenu({ height: 70});
                $("#MAIN_MENU").css('visibility', 'visible');
            });
            
function sizeFrame(frameId) 
{
    var F = document.getElementById(frameId);
    F.height =$(window).height()-50; 
}
</script>
<body>
    
<div id='jqxWidget'>
<table>
    <colgroup>
            <col width="75x" valign="top">
            <col width="100%" height="100%" >
    </colgroup>
    <tr>
            <td valign="top">
            <div id='MAIN_MENU' style='visibility: hidden; margin-left: 20px;margin-right: 20px;margin-left: 20px;'>
            <ul>    
                <li>
                        <a href="#PCProducts">PC products</a>    
                </li>  
             </ul>
            </div>
            </td>
        
            <td>
                <div id='FFA' >
                    <iframe src="http://www.jqwidgets.com" id="RightFrame" name="RightFrame" width="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" onload="sizeFrame('RightFrame');" >
                      <p>Your browser does not support iframes</p>
                    </iframe>
                </div>
            </td>
    </tr>
</table>
</div>
</body>
</html>
```
And this is the result in picture :

My menu with the right iframe
kingdomp.com/jqwima/ima1.jpg

When I click on Demo-Menu
kingdomp.com/jqwima/ima2.jpg

The menu don’t show
kingdomp.com/jqwima/ima3.jpg
December 11, 2012 at 11:31 pm in reply to: exportdata to excel exportdata to excel #12206

kingdomp
Participant

Thanks Peter,

With your code I understand the mistake. I always thinking the error come when I replace the BR tag by a space but the problem came when I have number in a column. In my example I load the data directly from my database with a AJAX request without giving any specification about the type of the row. Without specified the type : ‘string’, when the export find a number, they cast the column to a number then nothing was export for this column.

Thanks you for your Help.

December 3, 2012 at 6:28 pm in reply to: Removing items from jqxTree Removing items from jqxTree #11845

kingdomp
Participant

Hi have the same problem with the Remove-getItems,

Do you have temporary solution to work around this problem ?

Regards

October 10, 2012 at 4:03 pm in reply to: rows -details rows -details #9209

kingdomp
Participant

Do I always need to past the theme in parameters ?

I open my page with my own parameter without specifies any theme, I assume that if gettheme() don’t find the right css file, they will use the default theme.

October 9, 2012 at 9:23 pm in reply to: rows -details rows -details #9143

kingdomp
Participant

Hi,

I try your example with the demo : rowdetails.htm. Is working find until I try to past parameter in the url like :

jqwidgets-ver2.4.2/demos/jqxgrid/rowdetails.htm?bug=test

When I add parameter ?bug=test the tabs disappear and I just see the text for Nancy and Notes tabs.
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)