Wiki articles tagged with "AJAX"

Sometimes you want to render a view in Fancybox.

This is the code in the View.

<?php echo CHtml::link('MyDialog', Yii::app()->createUrl('site/page'), array('class' => 'openDlg divDialog')); ?>
<?php
$this->beginWidget('zii.widgets.jui.CJuiDialog', array('id'=>'divDialog',
	'options'=>array( 'title'=>Yii::t('Dialog Title', 'autoOpen'=>false, 'modal'=>true, 'width'=>600)));
?>
	<div class="divForForm"></div>
<?php
$this->endWidget(...

Hi Friends,

Simple Ajax popup view with Ajax link

Hey guys, today we will show you how to make a Yii CJuitabs as example. Some feature cases such as Static tabs, render partial tabs, Ajax tabs, color tabs... You can see our code, there are simple 3 steps to make it work.

1. The Main template holds the header, main navigation and footer
2. One or more layout files holds the column setup, sub navigation etc.
3. The view files hold the actual page content.

var formData = new FormData($("#post-form")[0]);
$.ajax({
    url: '<?php echo Yii::app()->createUrl("forumPost/uploadPost"); ?>',
    type: 'POST',
    data: formData,
    datatype:'json',
    // as...

My goal here is to Open bootstrap modal and load ANY content using ajax response.

The CRUD generator of Gii has done a wonderful job for you, and you already have a list of items in the "index" page and a detailed view of a specified item in the "view" page.

This article discusses how one can run a long task in background in yiiframework 1.1 using Ajax technique.

Changing the way a CGridView is rendered from the configuration file, or through behaviors specified at the moment it is used, is handy to extend a CGridView without creating tons of different classes for it. I am surprised that this is not in the default implementation, so I made my default CGridView implementation.

CGridview displays existent rows of the table (using DataProvider)

There are cases that you want to make an ajax request to another server and get the results.

I wanted to customize the CJuiAutoComplete, so that it displays a thumb image before the label like the one shown in the following image:

Hi Friends, In this tutorial you can use the eajaxupload-extension ,