I created a jquery graphical component. I wish now questioning. But I have no idea how to even searching on Google ... The idea would be a javascript function to make a call to a function of my component. Here is the simplified creation of structure:
(function ($, w) {
$.fn.TableFullOption = function (options) {
var settings = $.extend(true, {}, { FiltreGeneral: false, BtnReset: false, Datas: {}, Head: "", Body: "", Delete: "", Add: "", Modify: "", Details: "", AvecPager: false, Selectable: false, LstPageSize: '10;20;30;40', Default: [], LargeurColonne: [], HauteurTotale: 800, FiltreColonne: [], TriColonne: [], NomColonne: [], ObligColonne: [], ModifColonne: [], AddColonne: [] }, options);
if ((settings.Head == "") || (settings.Body == "")) { $(this).html('Erreur de paramétrage'); }
else {
...
}
};
function GetInfo(){return true;}
}(jQuery));
The call to my component
<html xmlns="http://ift.tt/lH0Osb">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="/CSS/ui-lightness/jquery-ui.min.css" rel="stylesheet" />
<link href="/TableFullOptionPlugin/Table.css" rel="stylesheet" />
<script type="text/javascript" src="/script/jquery.js"></script>
<script type="text/javascript" src="/script/jquery-ui.min.js"></script>
<script type="text/javascript" src="/script/MsgResult.js"></script>
<script type="text/javascript" src="/TableFullOptionPlugin/eleve.js"> </script>
<script type="text/javascript" src="/TableFullOptionPlugin/TFOPlugin.js"></script>
<script type="text/javascript">
$(function () {
$('#divTable').TableFullOption({
BtnReset: true,
FiltreGeneral: true,
Head: '/TableFullOptionPlugin/http://ift.tt/1DuJjju',
Body: '/TableFullOptionPlugin/http://ift.tt/1Edso8I',
Delete: '/TableFullOptionPlugin/http://ift.tt/1DuJjjw',
Add: '/TableFullOptionPlugin/http://ift.tt/1EdslKe',
Modify: '/TableFullOptionPlugin/http://ift.tt/1DuJgUV',
Details: '/TableFullOptionPlugin/Details.aspx',
Selectable: true,
AvecPager: true,
LstPageSize: '10;20;30;40',
LargeurColonne: [60, 100, 80, 80, 80, 90, 70, 110, 110, 75, 75],
FiltreColonne: [true, true, true, true, true, false, false, false, true, true, true],
TriColonne: [true, true, true, true, false, false, false, false, true, true, true],
ObligColonne: [false, true, true, false, false, false, false, false, true, false, false],
ModifColonne: [false, true, true, true, false, true, false, false, true, false, false],
AddColonne: [false, true, true, true, true, false, false, false, true, false, false],
Default: [null, null, null, null, null, null, null, null, null, false, ValdefManu],
NomColonne: ["Logo", "Eleve", "Majeur", "Sexe", "Anglais", "Japonais", "Calcul", "Géométrie", "Dte Naissance", "Auto", "Manuel"],
HauteurTotale: 700
});
});
</script>
</head>
<body>
<div id="divTable"></div>
</body>
</html>
I tried $('#divTable').TableFullOption().GetInfo(); but it doesn't run. I've no idea how to make a function or call my function GetInfo and have my response.
Aucun commentaire:
Enregistrer un commentaire