EasyUI Forum
April 18, 2024, 03:38:31 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Cannot read property 'options' of undefined in window  (Read 17571 times)
kavvson
Newbie
*
Posts: 23


View Profile
« on: October 13, 2014, 06:50:15 AM »

The thing is on other page it work's somehow it doesn't want work in this example. The window shows under the table. After clicking newUser() on a button the error appears

Code:
   <table id="dgin" style="height:430px;"
            url="listsinner.php?list=<?PHP echo $itemid; ?>"
            pagination="true" sortName="created" sortOrder="desc"
            title="Podgląd list"
            singleSelect="true" toolbar="#tbin" collapsible="true">
        <thead>
            <tr>
                <th field="id" width="150px;" sortable="true">#ID</th>
                <th field="Number" width="350px;" sortable="true">Numer wpisu</th>
                <th field="date" sortable="true">Data utworzenia</th>
<th field="rdate" sortable="true">Data rozliczenia</th>
<th field="return" sortable="true">Status</th>
<th field ="detail" formatter="formatDetail">Akcje</th>
            </tr>
        </thead>
    </table>

<div id="dlg" class="easyui-window" style="width:400px;height:280px;padding:10px 20px"
            closed="true" buttons="#dlg-buttons">
<form id="fm" method="post" validate="">
<div class="col-md-12">
                <div class="login-panel panel panel-default">
                    <div class="panel-heading">
                        <h1 class="panel-title">Dodawanie nowego wpisu</h1>
                    </div>

                                <div class="form-group">
                                   <div class="input-group">
 <span class="input-group-addon"><i class="fa fa-list-alt"></i></span>
<input type="text" name="list" class="form-control" disabled placeholder="<?PHP echo $itemid; ?>">
</div>
                                </div>
                                <div class="form-group">
<div class="input-group">
 <span class="input-group-addon"><i class="fa fa-list-alt"></i></span>
                                      <input type="text" name="item" required="true" class="form-control" placeholder="Numer do dodania">
</div>
                                </div>
                </div>
            </div>

        </form>




<div data-options="region:'south',border:false" style="text-align:right;padding:5px 0 0;">
                    <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="saveEntry()" style="width:80px">Dodaj</a>
                <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="javascript:$('#dlg').dialog('close')" style="width:80px">Zamknij</a>
</div>
    </div>

<div id="tbin" style="padding:3px">
<div class="row">
<div class="col-lg-8">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar" class="fa fa-list-ol"></i> Numer wpisu</span>
 <input id="numberin" name="numberin" type="text" class="form-control" autocomplete="off" placeholder="Numer wpisu">
</div>
</div>
</div>
<div class="col-lg-2">
<a href="#" class="btn btn-primary" plain="true" onclick="doSearch1()"><i class="fa fa-search"></i> Szukaj</a>
</div>
<div class="col-lg-2">
<a href="#" class="btn btn-primary" plain="true" onclick="newUser()"><i class="fa fa-plus"></i> Dodaj wpis</a>
</div>

</div>
</div>
<div id="dd"><img style="text-align:center;" src="images/ajax-loader.gif"></div>
    <script type="text/javascript">
        $(function(){

$('#dd').dialog({
title: 'Odpowiedź serwera',
width: 400,
height: 350,
closed: false,
cache: false,
modal: false,
});
$('#dd').dialog('close');
$("#dgin").css("width", $('.row').width()-70);
$('#errorin').hide();
            $('#dgin').datagrid({
pageSize: 50,
pageList: [50,100,150,200],
                detailFormatter:function(index,row){
                    return '<div class="ddv" style="padding:5px 0"></div>';
                },
columns:[[
{field:'Number',title:'Number',width:350,sortable:true},
{field:'date',title:'Data utworzenia',sortable:true},
{field:'rdate',title:'Data rozliczenia',sortable:true},
{field:'return',title:'Status',sortable:false,width:150,formatter:function(value,row){
if (value == 0){
return 'W doręczeniu';
} else if (value == 2){
return 'Zwrócono';
} else {
return 'Dostarczono';
}
}}

]],
rowStyler:function(index,row){
if (row.return == 1){
return 'background-color:#00FF00;'; // return inline style
} else if (row.return == 2){
return 'background-color:#FF0000;color:#fff'; // return inline style
}
},
onLoadSuccess:function(){
$(this).datagrid('getPanel').find('.deleter').each(function(){
$(this).linkbutton({
onClick:function(){
var id = $(this).attr('row-id');
// destroy the row
if (id){
$.messager.confirm('Confirm','Are you sure you want to destroy this user?',function(r){
if (r){
//
$.post('ajax/removelist.php',{entryid:id},function(result){

if (result.success){
$.messager.show({    // show errorin message
title: 'Sukcess',
timeout:10000,
msg: result.LHN+'<br>'+result.List+'<br>'+result.Numb
});
$('#dg').datagrid('reload');    // reload the user data
} else {
$.messager.show({    // show errorin message
title: 'errorin',
timeout:10000,
msg: result
});
}
},'json');
}
});
}
}
})
})
}
            });
        });
function doSearch1(){
$('#errorin').hide();
$('#dgin').datagrid('load',{
number: $('#numberin').val()
});
$('#numberin').val('');
}
   var url;
        function newUser(){
            $('#dlg').dialog('open').dialog('setTitle','Nowy wpis');
            $('#fm').form('clear');
            url = 'add_entry.php?list=<?PHP echo $itemid; ?>';
        }
function saveEntry(){
            $('#fm').form('submit',{
                url: url,
                onSubmit: function(){
                    return $(this).form('validate');
                },
                success: function(result){
                    //var result = eval('('+result+')');
                    if (result){
   $('#dd').html(result);
   $('#dd').dialog();
                        $.messager.show({
                            title: 'Odpowiedź serwera',
                            msg: result
                        });
$('#dlg').dialog('close');
$('#dgin').datagrid('reload');    
                    } else {
                        $('#dlg').dialog('close');        // close the dialog
                        $('#dgin').datagrid('reload');    // reload the user data
                    }
                }
            });
        }
function formatDetail(value,row){
//var href = 'landing.php?do=innerlist&list='+row.id+'&ln='+row.number;
return '<center><a style="padding-right: 10px;" class="deleter" href="#" row-id="'+row.id+'"><span class="btn btn-info btn-xs"><i class="fa fa-trash-o">Usuń<span></a></center>';
}
    </script>

my js/css loader

Code:
<!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="css/plugins/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Timeline CSS -->
    <link href="css/plugins/timeline.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/sb-admin-2.css" rel="stylesheet">

    <!-- Morris Charts CSS -->
    <link href="css/plugins/morris.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
   <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script src="js/plugins/morris/morris.js"></script>
<script src="js/plugins/morris/raphael.min.js"></script>

<script type="text/javascript" src="js/datagrid-detailview.js"></script>
    <script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/typehead.js"></script>




<script src="js/jquery.bootstrap.wizard.js"></script>
<script src="js/jquery.datetimepicker.js"></script>
<link href="css/jquery.datetimepicker.css" rel="stylesheet" type="text/css">
<link href="http://code.jquery.com/ui/1.11.0/themes/ui-darkness/jquery-ui.css" rel="stylesheet" type="text/css">
<link href="themes/default/easyui.css" rel="stylesheet" type="text/css">


<link href="http://www.jeasyui.com/easyui/themes/icon.css" rel="stylesheet" type="text/css">
<script src="js/jquery.window.js"></script>

Error

Code:
Uncaught TypeError: Cannot read property 'options' of undefined
jquery.easyui.min.js:2728 _200
jquery.easyui.min.js:2728 (anonymous function)
jquery.easyui.min.js:2967 jQuery.extend.each
jquery-latest.js:383 jQuery.fn.jQuery.each
jquery-latest.js:136 $.fn.panel.methods.open
jquery.easyui.min.js:2966 $.fn.panel
jquery.easyui.min.js:2926 $.fn.window jquery.window.js:323 $.fn.dialog jquery.easyui.min.js:3424
newUser VM5963:88
onclick landing.php?do=overview:1
« Last Edit: October 13, 2014, 06:52:52 AM by kavvson » Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!