نحوه استفاده از Jquery

[right]سلام

اگه ممکنه یه نفر یک مثال کامل بزنه که نحوه استفاده از یک پکیج جی کوئری در یی رو نشون بده .لطفا از ویجتهای زی و کلاسهای آماده یی استفاده نکنید

فقط با استفاده از

CClientScript

یک مثال خیلی ساده هم باشه قابل ستایشه

و اگر ممکنه توضیح بدین که چطوری یک ابزار جدید را که از سایت جیکوئری دانلود میکنیم را میشه استفاده کرد؟

پیشاپیش از شماهایی که مرام میزارید به ما مبتدیا کمک میکنید تشکر میکنم.[/right]

[rtl][font="Tahoma"]client-side به این صورتی که شما میخواین وابستگی آنچنانی به فریم ورک نداره. هر طور که خارج از فریم ورک استفاده می کنید، توی فریم ورک هم همونطور استفاده کنید.

فقط یادتون نره که JQuery رو در فایل layout/main.php ثبت کنید تا در همه جا در دسترس باشه.[/font][/rtl]

[font="Tahoma"][rtl]

برای load کردن JQuery در یک ویو میتونید به صورت زیر عمل کنید.

[/rtl]




Yii::app()->clientScript->registerCoreScript('jquery');



[rtl]

میتونید برای بارگذاری فایلهای جاوااسکریپت و css در یک view به صورت زیر عمل کنید.

[/rtl]





$baseUrl=Yii::app()->request->baseUrl; //برای بدست آوردن آدرس پایه اپلیکیشین میتونید از این استفاده کنید


Yii::app()->clientScript->registerScriptFile('yourFileUrl');  //بارگذاری فایل اسکریپت


Yii::app()->clientScript->registerCssFile('yourFileUrl');  // css بارگذاری فایل



[rtl]

و در آخر برای رجیستر اسکریپتتون میتونید به صورت زیر عمل کنید.

[/rtl]




Yii::app()->clientScript->registerScript('scriptName', "//your script");


//مثالی از بخش مدیریت، ایجاد شده توسط جی


Yii::app()->clientScript->registerScript('search', "

$('.search-button').click(function(){

	$('.search-form').toggle('fast');

	return false;

});


$('.search-form form').submit(function(){

	$.fn.yiiGridView.update('my-grid', {

		data: $(this).serialize(),

        type: 'POST'

	});

	return false;

});


");



[/font]

[right]

ظاهرا وقتی از


Yii::app()->clientScript->registerScript()

استفاده میکنیم

JQuery

خودش در هدر لود میشه.

اگر براتون ممکنه نحوه استفاده از یک اسکریپت آماده را هم توضیح بدید مثلا برای استفاده از

JQuery.rating

چه باید کرد البته از همین راهی که مثال زدید نه با استفاده از ویجتهای زی . یا اگر ابزار جدیدی از جیکوئری دانلود کنم چطور میتونم استفاده کنم؟

من بزرگترین نقطه ضعفم اینه که در جاوا اسکریپت خیلی ضعیفم و همیشه سعی میکنم از کدهای آماده استفاده کنم

تا همینجا هم خیلی به فهم مسئله برای من کمک کردید و صمیمانه ازتون تشکر میکنم[/right]

[font="Tahoma"]

[rtl]

نخست کدهای هسته اصلی ماژول مربوطه رو از قسمت Download دانلود کنید:

http://www.fyneworks…ery/star-rating

سپس اونها رو میتونید در شاخه rating در ریشه کپی کنید.

سپس باید کدهای هسته ماژول رو لود کنید به کمک این دستور:

[/rtl]




Yii::app()->clientScript->registerScriptFile('rating/jquery.rating.js', CClientScript::POS_HEAD);



[rtl]

این دستور کد جاوا اسکریپتتون رو به هدر اضافه میکنه و حالا ماژول آماده استفادست.

در view کدهای html مورد نیاز رو اضافه میکنید:

[/rtl]




<input name="star1" type="radio" class="star"/>

<input name="star1" type="radio" class="star"/>

<input name="star1" type="radio" class="star"/>

<input name="star1" type="radio" class="star"/>

<input name="star1" type="radio" class="star"/>



[rtl]

سپس برای قطعه کد js مربوط به اجرای ماژول، بدین شکل عمل میکنید:

[/rtl]




Yii::app()->clientScript->registerScript('rating', "

	$(function(){

		$('input[type=radio].star').rating();

	});

", CClientScript::POS_HEAD);



[rtl]

امیدوارم مفید بوده باشه.

[/rtl]

[/font]